定时器setInterval，setTimeout

来源：互联网发布：速达 sqlserver未安装编辑：程序博客网时间：2024/06/05 20:35

实时动态显示时间，时分秒

停止计时

var attime;
function clock(){
var time=new Date();
attime= time.getHours() +"时"+time.getMinutes()+"分"+time.getSeconds()+"秒";
document.getElementById("clock").value = attime;
}
var i=setInterval("clock()",1000);

</script>

只执行一次的setTimeout

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",3000);
}
setTimeout("startCount()",3000);
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onclick="startCount()" />
<input type="button" value="Stop" onclick="stopCount()"/>
</form>
</body>
</html>

0 0