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

结束不好使了什么情况

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>定时器</title>
    <script type="text/javascript">
        var i;
        function start(){
            var time=new Date();
            var attime= time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
            document.getElementById('clock').value = attime;
            i = setInterval(start,1000);
        }
        function stop() {
            clearInterval(i);
        }
    </script>
</head>
<body>
<form>
    <input type="text" id="clock" size="50"  />
    <input type="button" value="Start" onclick="start()">
    <input type="button" value = "Stop" onclick = "stop()" />
</form>
</body>
</html>

qq_慕九州8416717

2020-01-15

源自：JavaScript进阶篇 8-4

关注问题我要回答

883

操作

收起

2 回答

little_bee
2020-02-22

定时器移出start函数

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

收起回答

晓之蛇
2020-01-15

<!DOCTYPE HTML>
<html>
<head>    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    
    <title>定时器</title>    
    <script type="text/javascript">        
        var i;        
        function start(){            
            var time=new Date();            
            var attime= time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
            document.getElementById('clock').value = attime;                
        }        
        i = setInterval(start,1000);    
    </script>
</head>
<body>
    <form>    
        <input type="text" id="clock" size="50"  />    
        <input type="button" value="Start" onclick="setInterval(start,1000);">    
    <    input type="button" value = "Stop" onclick = "clearInterval(i)" />
    </form>
</body>
</html>