js实现时钟计时功能
实现一个时钟有很多种方式,我以js为例来实现一个时钟
先来看一下实现
</script>
<p><span id="clock"> </span></p>
<script>
var timer;
var last=new Date().getTime();
function settime(){
document.getElementById("clock").innerHTML=new Date().toLocaleString();
if((new Date().getTime()-last)>10*1000)
{
clearInterval(timer);
}
}
timer=setInterval("settime()",1000);
</script>
先来介绍一下setInterval()函数。第一个参数是运行的函数,第二个参数是每次调用函数的时间间隔,单位是毫秒。每隔一秒刷新一次页面。
设置的timer是为了停止setInterval函数。当当前时间与刚调用的时间差到了10秒钟时,会停止函数。达到了控制setInterval函数的作用。