                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

start按钮中，为什么写onclick="clock()"不起效，而是要重新定义一个函数才起效呢

<!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;
   }
     var i = setInterval("clock()",1000); //每隔1秒就是执行一次clock()函数，并将返回值赋值给i
</script>
</head>
<body>
<form>
    <input type="text" id="clock" size="50" />
    <input type="button" value="Stop" onclick="clearInterval(i)"/>
    <input type="button" value="Start" onclick="clock()"/>
</form>
</body>
</html>

阿宅娘

2018-03-20

源自：JavaScript进阶篇 8-4

关注问题我要回答

1939

操作

收起

3 回答

努力让世界更美好回答被采纳 +2 积分
2018-03-20

clearInterval(i)已经将定时器清空了

建议修改成如下；另外你的函数名为clock, input的ID号也设置为clock，这样不好，有的浏览器对两个会不能正确识别的……

<!DOCTYPE HTML>

<html>

<head>

var i;

function Clock(){

var time=new Date();

document.getElementById("clock").value = time;

i=setTimeout("Clock()",1000);

}

//var i = setInterval("Clock()",1000); //每隔1秒就是执行一次clock()函数，并将返回值赋值给i

function StopClock(){

clearTimeout(i);

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

阿宅娘提问者

谢谢，确实是这个clock名相同引起的。想问下有些浏览器不能识别是函数还是id吗？

2018-03-20 回复有任何疑惑可以回复我~

努力让世界更美好回复阿宅娘提问者

两个同名了，我在opra下就不能正确识别，其他未试，故说有些浏览器不能破解识别…… 另外用setIntervar();来实现你的要求的话可改为如下： var i; function Clock(){ var time=new Date(); document.getElementById("clock").value = time; } function stop(){ i = setInterval("Clock()",1000); }

2018-03-21 回复有任何疑惑可以回复我~

努力让世界更美好回复努力让世界更美好

只是start按钮的函数就直接用JS中的stop就行

2018-03-21 回复有任何疑惑可以回复我~