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

start按鈕中，為什么寫onclick="clock()"不起效，而是要重新定義一個函數(shù)才起效呢

<!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秒就是執(zhí)行一次clock()函數(shù)，并將返回值賦值給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

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

2048

操作

收起

2 回答

努力讓世界更美好回答被采納 +2 積分
2018-03-20

clearInterval(i)已經(jīng)將定時器清空了

建議修改成如下；另外你的函數(shù)名為clock, input的ID號也設(shè)置為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秒就是執(zhí)行一次clock()函數(shù)，并將返回值賦值給i

? ? ?function StopClock(){

? ? ? clearTimeout(i);

? ? ?}

? ?

</script>

</head>

<body>

? <form>

? ? <input type="text" id="clock" size="50"? />

? ? <input type="button" value="Stop" onclick="StopClock()"/>

? ? <input type="button" value="Start" onclick="Clock()"/>

? </form>

</body>

</html>

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

收起回答

#1

阿宅娘提問者

謝謝，確實是這個clock名相同引起的。想問下有些瀏覽器不能識別是函數(shù)還是id嗎？

2018-03-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

努力讓世界更美好回復(fù) 阿宅娘提問者

兩個同名了，我在opra下就不能正確識別，其他未試，故說有些瀏覽器不能破解識別…… 另外用setIntervar();來實現(xiàn)你的要求的話可改為如下： var i; function Clock(){ var time=new Date(); document.getElementById("clock").value = time; } function stop(){ i = setInterval("Clock()",1000); }

2018-03-21 回復(fù) 有任何疑惑可以回復(fù)我~

#3

努力讓世界更美好回復(fù) 努力讓世界更美好

只是start按鈕的函數(shù)就直接用JS中的stop就行

2018-03-21 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

corbet
2018-03-20

你的<input type="button" value="Start" onclick="clock()"/>中表示只運行clock()這個function一次，而function中并不包含setInterval方法。

我將<input type="button" value="Start"?onclick="clock()"/>改成<input type="button" value="Start"?onclick="i"/>就可以運行了，你試試。

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

收起回答

#1

阿宅娘提問者

我理解是只會運行一次，但實際是一次都沒運行。按道理，我暫停后，再點擊start會執(zhí)行一次clock()，獲取到當(dāng)前時間，之后就不執(zhí)行了，但現(xiàn)在我點擊一次start，沒有執(zhí)行??？就是想知道為什么不執(zhí)行改成 onclick="i"也不能運行

2018-03-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

corbet

補充一下，我說的onclick=“i”是錯誤，onclick是點擊事件，只能調(diào)用函數(shù),所以辦法是需要另寫一個開始setInterval的函數(shù)。

2018-03-20 回復(fù) 有任何疑惑可以回復(fù)我~

#3

阿宅娘提問者回復(fù) corbet

謝謝，我弄明白了

2018-03-20 回復(fù) 有任何疑惑可以回復(fù)我~