关于定时器-慕课网

首页课程实战体系课手记专栏慕课教程

关于定时器

来源：8-5 计时器setTimeout()

Ewall_

2015-03-07 13:44

为什么点一下按钮，文本框的数字就只加一；；而我要效果是点一下按钮，文本框内容就从0开始自动计数，请问哪里写错了？？？？？？

写回答关注

2回答

menghuanbaolei

2015-03-07 14:13:17

已采纳
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>计时器</title>
</head>
<script>
window.onload=function ()
{
var oTxt1=document.getElementById("txt1");
var oBtn1=document.getElementById("btn1");
var num=0;

oBtn1.onclick=function tt()
{
var time=setTimeout(function(){
num++;
oTxt1.value=num;
setTimeout(tt(),0);
},1000);
}

}
</script>
</head>
<body>
<form>
<input id="txt1" type="text" />
<input id="btn1" type="button" value="点击" />
</form>
</body>
</html>
2 0

menghu... 回复Ewall_

多谢了

2015-03-07 14:52:32

共 2 条回复 >

menghuanbaolei: 2015-03-07 14:14:21

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>计时器</title>
</head>
<script>
window.onload=function ()
{
    var oTxt1=document.getElementById("txt1");
    var oBtn1=document.getElementById("btn1");
    var num=0;
    
    oBtn1.onclick=function tt()
    {
         var time=setTimeout(function(){
         	num++;
oTxt1.value=num;
setTimeout(tt(),0);
},1000);
    }

    
}
</script>
</head>
<body>
<form>
<input id="txt1" type="text" />
<input id="btn1" type="button" value="点击" />
</form>
</body>
</html>

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

关于计时器

回答 2

关于计时器

回答 1

关于计时器

回答 1

关于取消计时器

回答 1

清除定时器，可以定时吗

回答 1

打开慕课网App查看更多内容