課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
我想再設(shè)置一個"Begin" 按鈕,執(zhí)行完"Stop"按鈕的命令,再點擊"Begin"按鈕,時間又能繼續(xù)跳動,該怎么實現(xiàn)呢?
2016-01-15
源自:JavaScript進(jìn)階篇 8-4
正在回答
為什么會點擊了一下start后就點擊一下stop,點擊了2下start后就要點擊2下stop才有效果呢?
可以參閱:http://idcbgp.cn/code/1026取消計時器clearTimeout()和計時器setInterval()這兩章
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
</head>
<script type="text/javascript">
? var num=0;
? var i;
? function startCount(){
? ? document.getElementById('count').value=num;
? ? num=num+1;
? ? i=setTimeout("startCount()",100);
? }
? function stopCount(){
? ? clearTimeout(i);
</script>
<body>
? <form>
? ? <input type="text" id="count" />
? ? <input type="button" value="Start" ?onClick="startCount()"/>
? ? <input type="button" value="Stop" ? onClick="stopCount()"/>
? </form>
</body>
</html>
testname 提問者
舉報
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動態(tài)交互世界
2 回答時間停止和繼續(xù)問題,代碼貼在下面,為何先點擊繼續(xù)時間按鈕就不能停止了,停止按鈕無效了,怎么回事?
4 回答再加一個按鈕star,點擊按鈕計時器繼續(xù)運行怎么實現(xiàn)呢
6 回答增加了一個“start”按鈕,如何實現(xiàn)點擊“start”按鈕后開始計時,而點擊“stop”按鈕后結(jié)束計時呢?下面的代碼實現(xiàn)不了,只能實現(xiàn)點擊“stop”結(jié)束計時,但點擊“start”只跳出一次時間,而無法繼續(xù)計時。。。請高手指點!謝謝!
3 回答停止后 怎樣再次點擊按鈕繼續(xù)運行呢
3 回答【最笨的方法】點擊添加按鈕,能動態(tài)在最后添加一行
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-03-04
為什么會點擊了一下start后就點擊一下stop,點擊了2下start后就要點擊2下stop才有效果呢?
2016-01-16
可以參閱:http://idcbgp.cn/code/1026取消計時器clearTimeout()和計時器setInterval()這兩章
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
</head>
<script type="text/javascript">
? var num=0;
? var i;
? function startCount(){
? ? document.getElementById('count').value=num;
? ? num=num+1;
? ? i=setTimeout("startCount()",100);
? }
? 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" ? onClick="stopCount()"/>
? </form>
</body>
</html>