<!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的作用
这样说可以懂吗？？？
基础需要提高啊
添加回答
举报
0/150
提交
取消