我的编程空间,编程开发者的网络收藏夹
学习永远不晚

html+js实现动态显示本地时间

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

html+js实现动态显示本地时间

复制代码 代码如下:

<span style="font-size:18px"><html>
<span style="white-space:pre"> </span><body>
<span style="white-space:pre"> </span> <script language = javascript>
<span style="white-space:pre"> </span> setInterval("test()",1000);
function test ()
{
<span style="white-space:pre"> </span>var a= new Date();
<span style="white-space:pre"> </span>document.getElementById("time").innerHTML= a;
}
<span style="white-space:pre"> </span> </script>
<span style="white-space:pre"> </span> <h1 id = "time">
<span style="white-space:pre"> </span> </h1>
</body>
</html>
</span>

不知道setInterval 是什么意思,所以百度了下。

发现是这个意思:

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

w3school 提供的方法为:
复制代码 代码如下:

setInterval(code,millisec[,"lang"])

code是要调用的函数,millisec为周期,以毫秒来计算时间
复制代码 代码如下:

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

html+js实现动态显示本地时间

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

html+js实现动态显示本地时间

显示本地时间的方法有很多,在本文将为大家介绍下如何使用html+js实现动态显示本地时间,感兴趣的朋友可以了解下
2022-11-15

js怎么实现本地时间轴

这篇文章主要介绍“js怎么实现本地时间轴”,在日常操作中,相信很多人在js怎么实现本地时间轴问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”js怎么实现本地时间轴”的疑惑有所帮助!接下来,请跟着小编一起来学习吧
2023-06-27

tkinter动态显示时间的两种实现方法

这篇文章主要介绍了tkinter动态显示时间的两种实现方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2023-01-28

怎么在vue中动态实时显示时间

这篇文章给大家介绍怎么在vue中动态实时显示时间,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。vue动态实时显示时间有两种方法1.可以用day.js,处理日期和时间的js库用法 npm install dayjs --
2023-06-15

Vue Echarts实现实时大屏动态数据显示

同大多数的前端框架一样,先读官网的使用方法。学会基本使用后,在实例中找到自己想要demo。拿过来改一改,一个echarts图表就形成,毕竟人家做就是为了方便使用,这篇文章主要介绍了Vue Echarts实现实时大屏动态数据显示
2022-11-13

Qt5如何实现主窗口状态栏显示时间

这篇文章给大家分享的是有关Qt5如何实现主窗口状态栏显示时间的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。使用Qt Creator创建默认的窗体程序后,主窗口QMainWindow有statusBar状态栏,在此
2023-06-14

如何实现jsp中Response对象页面重定向、时间的动态显示

这篇文章主要为大家展示了“如何实现jsp中Response对象页面重定向、时间的动态显示”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何实现jsp中Response对象页面重定向、时间的动态显
2023-06-20

编程热搜

目录