課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
外面直接調(diào)用運行定義的函數(shù)不行嗎?
為什么要在內(nèi)部再加一個計時器
2017-07-26
源自:JavaScript進(jìn)階篇 8-5
正在回答
你可以試試對以上代碼中的注釋行1、注釋行2以及button的onclick事件分別進(jìn)行注釋,看看運行結(jié)果,結(jié)合慕課網(wǎng)上的資料,理解一下。
首先,在button中加一個點擊事件來直接調(diào)用運行定義的函數(shù)是可行的。以下是我的代碼:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>計時器</title><script type="text/javascript">? var num=0;? function startCount() {??? document.getElementById('count').value=num;??? num=num+1;??? setTimeout("startCount()",1000); //注釋行1? }? //setTimeout("startCount()",1000);//注釋行2</script></head><body><form><input type="text" id="count"? /><input type = "button" id = "dian" onclick = startCount() /></form></body></html>
注釋行1中是位于startCount()方法中,不調(diào)用是不會執(zhí)行的,當(dāng)注釋行1被注釋,注釋行2和button的點擊事件未被注釋時,這段代碼就無法自動循環(huán),屆時輸出的只是你點擊button的次數(shù),而不會自動按時計數(shù)。
當(dāng)注釋行1存在時,就可以按時間自動循環(huán)完成計數(shù)功能。
注釋行2和button中的onclick點擊事件作用是差不多的,區(qū)別在于:注釋行2未被注釋時,無論button情況如何,最遲在1000毫秒后都會執(zhí)行startCount()方法。當(dāng)注釋行2被注釋后,只有button如上創(chuàng)建了點擊事件,并點擊,才會執(zhí)行startCount()方法,并自動循環(huán)完成計數(shù)功能(需要注釋行1未被注釋)。
舉報
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動態(tài)交互世界
1 回答計算器功能
1 回答這個計時器主要是為了實現(xiàn)什么功能???感覺沒懂。。
1 回答計時器是一個時鐘?
1 回答js實現(xiàn)計算器功能
2 回答計時器多次點擊,每點擊一個開始就多一個計時器,而多個計時器同時工作的時候,每次單擊只能停止一個計時器。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-07-26
你可以試試對以上代碼中的注釋行1、注釋行2以及button的onclick事件分別進(jìn)行注釋,看看運行結(jié)果,結(jié)合慕課網(wǎng)上的資料,理解一下。
2017-07-26
首先,在button中加一個點擊事件來直接調(diào)用運行定義的函數(shù)是可行的。以下是我的代碼:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
<script type="text/javascript">
? var num=0;
? function startCount() {
??? document.getElementById('count').value=num;
??? num=num+1;
??? setTimeout("startCount()",1000); //注釋行1
? }
? //setTimeout("startCount()",1000);//注釋行2
</script>
</head>
<body>
<form>
<input type="text" id="count"? />
<input type = "button" id = "dian" onclick = startCount() />
</form>
</body>
</html>
注釋行1中是位于startCount()方法中,不調(diào)用是不會執(zhí)行的,當(dāng)注釋行1被注釋,注釋行2和button的點擊事件未被注釋時,這段代碼就無法自動循環(huán),屆時輸出的只是你點擊button的次數(shù),而不會自動按時計數(shù)。
當(dāng)注釋行1存在時,就可以按時間自動循環(huán)完成計數(shù)功能。
注釋行2和button中的onclick點擊事件作用是差不多的,區(qū)別在于:注釋行2未被注釋時,無論button情況如何,最遲在1000毫秒后都會執(zhí)行startCount()方法。當(dāng)注釋行2被注釋后,只有button如上創(chuàng)建了點擊事件,并點擊,才會執(zhí)行startCount()方法,并自動循環(huán)完成計數(shù)功能(需要注釋行1未被注釋)。