JavaScript 定时调用,延时调用
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="count"></h1> </body> <script type="text/javascript"> var count=document.getElementById("count"); //让h1中自动变化 // for (i=0;i<=10;i++) { // count.innerHTML=i; // } /*1.setInterval() 定时调用 -可以将一个函数每隔一段时间执行一次 -参数: 1.回调函数 2.每次调用间隔的时间,毫秒 -返回值: 返回一个Number类型的数据,这个数字用来区分定时器的,就像是1号定时器,2号定时器 * */ /*2.clearInterval() 关闭定时器 * -()里就是关闭的定时器 */ var num=0; var timer=setInterval(function(){ count.innerHTML=num++; if(num==8){ clearInterval(timer); //8的时候关闭,不显示8 } },1000); //每隔1秒执行一次这个函数
/*1.setTimeout() 延时调用 同定时调用语法相同 * -函数的执行,再延时一段时间后执行 * -延时调用只会执行一次 * *2.clearTimeout() */
</script> </html>