版权声明:本文为博主原创文章,未经博主允许不得转载——Cc。 https://blog.csdn.net/mufeng633/article/details/75110036
用于计数–从10、9、8、7….
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*开始对象*/
var time1;
var num;
function be(){
num=document.getElementsByTagName("h1")[0].innerHTML;
if(num>0){
num--;
document.getElementsByTagName("h1")[0].innerHTML=num;
}else{
//return;
document.write("结束");
}
}
//开始方法
function begin(){
time1=setInterval("be()",1000);
}
//停止
function stop(){
clearTimeout(time1);
}
</script>
</head>
<body>
<!--开始按钮-->
<input type="button" value="开始" onclick="begin()"/>
<input type="button" value="停止" onclick="stop()"/>
<h1>10</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>定时函数</title>
<script type="text/javascript">
var num=0;
//清除无限循环 变量
var time1;
var time2;
function addNum(){
document.getElementById("numArea").innerHTML="数字:"+(num++);
}
/*无限循环调用 过一秒 就将num 加1 */
function set1(){
time1=setInterval("addNum()",1000);
}
/*只调用一次, 过一秒 就将num 加1 并运行一次 */
function set2(){
time2=setTimeout("addNum()",1000);
}
/*清除setInterval 无限循环 函数*/
function clear1(){
clearInterval(time1);
}
function clear2(){
clearTimeout(time2);
}
</script>
</head>
<body>
<p id="numArea">数字:0</p>
<!--根据后面的毫秒数 一直循环加 无限循环-->
<input type="button" value="setinterval定时" onclick="set1()"/>
<!--根据后面的毫秒数 只运行一次-->
<input type="button" value="setTimeout定时" onclick="set2()"/>
<!--清除方法-->
<input type="button" value="清除 setinterval定时 按钮" onclick="clear1()"/>
<input type="button" value="清除setTimeout 定时 按钮" onclick="clear2()"/>
</body>
</html>