<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}// 每隔100毫秒调用clock函数，并将返回值赋值给i
var i=setInterval("clock()",100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" />
</form>
</body>
</html>不是很懂
3 回答
已采纳
Rxa_王树慧
TA贡献6条经验 获得超7个赞
要做一个定时器首先要是创建一个定时器
var i=setInterval("clock()",100)
这样就创建了每隔100毫秒就调用clock函数的定时器；clock()是要调用的函数，名字起好了 那么接下来就要创建函数了 function clock(){}
函数里面的var time=new Date()是获取当前的系统时间 然后把时间赋给id为clock的文本框 ； 下面还有一个按钮 ，点击的时候取消定时器 clearInterval(i) 为什么括号里面是i呢 因为创建定时器的时候把返回值赋给i了所以这里面就直接写i就行了 。
只要记住
创建定时器是setInterval(函数名,时长)；
取消定时器是clearInterval()
陈士愚
TA贡献44条经验 获得超44个赞
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){ // 业务逻辑函数
var time=new Date();
document.getElementById("clock").value = time;
}// 每隔100毫秒调用clock函数，并将返回值赋值给i
var i=setInterval("clock()",100); // 周期性调用clock函数处理业务的语法 ；100为调用周期，单位毫秒；i识别当前周期性调用
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" /> // clearInterval函数用于清除周期性调用；i为标识清除哪个周期性调用。
</form>
</body>
</html>这是基础的语法，没啥可讲解的吧？ 了解下setInterval()和clearInterval()这两个函数。
添加回答
举报
0/150
提交
取消