<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> //在文本框中顯示數字，每隔一秒鐘+1 //點擊停止按鈕，讓數字停下來 var time; function setTime(){ time= ?setInterval("changeNum()",1000); } var i=0; function changeNum(){ //文本框中顯示數字，每隔一秒鐘+1 i++;// 返回對擁有指定id的第一個對象的引用 var myNum= document.getElementById("myNum"); myNum.value=i; } ? ?function stopTime(){ ? ? clearInterval(time); ? ?} </script> </head> <body onload="setTime()"> <input type="text" id="myNum" /> <!--onclick 調用函數內的方法setTime--> <input type="button" value="開始" onclick="setTime()"/> <input type="button" value="停止" onclick="stopTime()" /> </body></html>請問 ? ? id="myNum" ? ? ? ? ? onclick="setTime()"是什么意思?中間的三段函數又是什么意思 都看暈了 也沒找出來邏輯? 求解答 謝謝!!!
2 回答
已采納
qq_安安_17
TA貢獻49條經驗 獲得超52個贊
<!DOCTYPE?html>
<html>
????<head>
????<meta?charset="UTF-8">
????<title></title>
????????<script>
????????????var?time;//聲明一個全局變量time，但未定義，為undefined
????????????//定義一個setTime函數
????????????function?setTime(){
????????????????time=setInterval("changeNum()",1000);
????????????????/*setInterval表示每1s都不停的調用changeNum()函數，
????????????????并將結果傳遞給time*/
????????????}
????????????
????????????var?i=0;;//聲明一個全局變量i，并賦值為0
????????????//定義一個changeNum函數
????????????function?changeNum(){
????????????????i++;
????????????????var?myNum=?document.getElementById("myNum");
????????????????//獲取定義好的id元素"myNum"
????????????????myNum.value=i;
????????????????//將不斷+1變量i賦值給"myNum"的value值
????????????}
????????????//定義一個stopTime函數
???????????function?stopTime(){
??????????? clearInterval(time);
??????????? //?clearInterval()方法能夠取消setInterval()方法設置的定時器
???????????}
????????
????????</script>
????</head>
????<body?onload="setTime()">
????????<input?type="text"?id="myNum"?/>
????????<!--id="myNum"表示給input設置一個id，便于css或者js函數使用-->
????????
????????<input?type="button"?value="開始"?onclick="setTime()"/>
????????<!--input為一個按鈕，onclick="setTime()"表示點擊便按鈕便可以激活js定義
????????的方法-->
????????<input?type="button"?value="停止"?onclick="stopTime()"?/>
????</body>
</html>三個方法：
函數1：設置時間周期變化，開始計時。
函數2：改變時間的具體方法，抓取html中的id值，并賦值到js中
函數3：停止計時
邏輯順序：
函數1定義需要調用函數2，函數2單獨定義，函數3定義取消函數1的作用
這樣說可以懂嗎？？？
基礎需要提高啊
-
慕姐8946757十分感謝！
添加回答
舉報
0/150
提交
取消