js实现时钟功能

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函数的作用。