html+js实现动态显示本地时间
html+js实现动态显示本地时间
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:setInterval("test()",1000);functiontest(){vara=newDate();docu...

复制代码 代码如下:

<span><html>

<span> </span><body>

<span> </span> <script language = javascript>

<span> </span> setInterval("test()",1000);

function test ()

{

<span> </span>var a= new Date();

<span> </span>document.getElementById("time").innerHTML= a;

}

<span> </span> </script>

<span> </span> <h1 id = "time">

<span> </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>

Stop interval</button>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类