                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

請高手指點指點為什么不行。

<!DOCTYPE HTML>

<html>

<head>

? var num=0;

? var i;

? function startCount(){

? ? document.getElementById('count').value=num;

? ? num=num+1;

? ? i=setTimeout("startCount()",1000);

? }

? var v=clearTimeout(i);

? document.getElementById("f").Onclick="v"

??

</script>

</head>

<body>

? <form>

? ? <input type="text" id="count" />

? ? <input type="button" value="Start" Onclick="startCount()" />

? ? <input type="button" value="Start" id="f"/>

? ?

? </form>

</body>

</html>

qq_聽一半的歌_1

2017-05-13

源自：JavaScript進階篇 8-6

關(guān)注問題我要回答

1032

操作

收起

3 回答

慕勒7123956
2017-05-13

你這個問題有點多，首先你應(yīng)該講script標(biāo)簽放在body的最下面，因為script運行時，dom還沒有渲染，就不能運行，onclick應(yīng)該都是小寫，而且應(yīng)該給onclick賦值一個函數(shù)，在函數(shù)里面運行程序語句，

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>計時器</title>


</head>
<body>
??<form>
????<input?type="text"?id="count"?/>
????<input?type="button"?value="Start"?Onclick="startCount()"?/>
????<input?type="button"?value="Stop"?id="f"/>
???
??</form>
??<script?type="text/javascript">
??var?num=0;
??var?i;
??function?startCount(){
????document.getElementById('count').value=num;
????num=num+1;
????i=setTimeout("startCount()",1000);
??}

??document.getElementById("f").onclick=function(){
????clearTimeout(i);
??};
??
</script>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_聽一半的歌_1 提問者

非常感謝！

2017-05-13 回復(fù) 有任何疑惑可以回復(fù)我~

旅sir
2017-05-14

看了你的代碼我有啟發(fā)，根據(jù)你的代碼我也寫了一下，僅供參考！

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
<script type="text/javascript">
? var num=0;
? var i;
? function startCount(){
??? document.getElementById('count').value=num;
??? num++;
??? i=setTimeout("startCount()",1000);
? }
? 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" id="f" onclick="stopCount()"/>
? </form>
</body>
</html>