手机
当前位置:查字典教程网 >编程开发 >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实现动态显示本地时间】相关文章:

Javascript实现广告页面的定时关闭

表格轮换显示 强

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

Javascript实现div层渐隐效果的方法

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

jQuery实现将页面上HTML标签换成另外标签的方法

jquery实现图片左右切换的方法

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

COOL而实用的动态效果

jQuery结合ajax实现动态加载文本内容

精品推荐
分类导航