html+js实现动态显示本地时间
更新时间：2013年09月21日 16:09:40 作者：
显示本地时间的方法有很多，在本文将为大家介绍下如何使用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>
相关文章
这篇文章主要为大家详细介绍了微信小程序实现手机验证码登录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要介绍了js中let和var定义变量的区别,非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-02-02
下面小编就为大家带来一篇js实现股票实时刷新数据案例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要介绍了iview通过Dropdown(下拉菜单)实现的右键菜单 ,需要的朋友可以参考下2018-10-10
本文给大家汇总介绍的是获取JavaScript 数组中最大最小值的方法和示例，非常的详细和全面，希望对大家学习JavaScript能够有所帮助2016-06-06
这篇文章主要介绍了微信小程序scroll-view的滚动条设置实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
兼容最新firefox、chrome和IE的javascript图片预览实现代码
这篇文章主要介绍了兼容最新firefox、chrome和IE的javascript图片预览实现代码,测试了浏览器firefox6、firefox12、chrome 25.0.1364.172 m、IE6-IE10 都兼容,需要的朋友可以参考下2014-08-08
这篇文章主要为大家详细介绍了JavaScript制作简易计算器的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
2022年中秋佳节即将来临，中秋节是我们国家的传统节日。而中秋与玉兔又往往会联系在一起，本文将用Threejs做一只会动的3D玉兔，感兴趣的可以了解一下2022-08-08
纯JavaScript 实现flappy bird小游戏实例代码
这篇文章主要介绍了纯JavaScript 实现flappy bird小游戏实例代码,b本文分七大步骤给大家介绍,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
最新评论