手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >html+js实现动态显示本地时间
html+js实现动态显示本地时间
摘要:复制代码代码如下: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>

【html+js实现动态显示本地时间】相关文章:

实现无刷新联动例子汇总

js实现仿Windows风格选项卡和按钮效果

javascript实现获取服务器时间

JavaScript实现表格点击排序的方法

JavaScript实现简单的数字倒计时

jQuery实现html表格动态添加新行的方法

jquery实现动态改变div宽度和高度

JavaScript实现添加、查找、删除元素

Jquery实现动态切换图片的方法

利用js实现禁止复制文本信息

精品推荐
分类导航