javascript定时器完整实例
本文实例讲述了javascript定时器完整实现方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>定时器</title>
<scripttype="text/javascript">
vartimer=null;
functionbegin(){
vardate=newDate();
varcurrent_time=date.getFullYear()+'-'+ date.getMonth()+'-'+date.getDate()+'';
current_time+=date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();
document.getElementById('current_time').value=current_time;
timer=setTimeout('begin()',1000);
}
functionend(){
clearTimeout(timer); //清除掉定时器对象
}
</script>
</head>
<body>
<inputtype="text"name="current_time"id="current_time"/><inputtype="button"value="开始"onclick="begin();">
<inputtype="button"value="结束"onclick="end();"/><br/>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。