JS问题 谢谢回答!!!
<!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()"是什么意思?
中间的三段函数又是什么意思 都看晕了 也没找出来逻辑? 求解答 谢谢!!!
慕姐89467572回答
-
qq_安安_17
<!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的作用这样说可以懂吗？？？基础需要提高啊 -
qq_靠近或者远离_0
onclick是一个事件，点击事件 ,id是供JS函数调取用的，
随时随地看视频慕课网APP
相关分类
Java