<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
/*计时器 属于dom里window的方法(调用Window的属性或方法时 一般Window可省)
* 间隔计时器 setInterval(function,time);
* 间隔指定time毫秒数 重复执行函数function
* 单位: 毫秒
* 延迟计时器 setTimeout(func, time);
* 延迟time毫秒后再执行function(只执行一次)
*
*/
var i=0;
/*停止间隔定时器
* clearInterval()
* 根据计时器的返回值 清楚对应的计时器
*/
var timeId= setInterval(function(){
document.write(i++);
i++;
if(i>=60){
//清楚计时器
clearInterval(timeId);
}
// document.body.style.background=randomColor();
},1000);
// console.log(timeId)
/*
* 清楚延迟计时器
* clearTimeout()
*/
var num= setTimeout(function(){
document.write("hahaha");
},1000)
console.log(num)
//计时器方法会返回一个对应的数值标记该计时器;页面每添加一个计时器 该数字会依次加1;清楚计时器就是根据对应
//的返回值(chrome数值从1开始;;fire box 从2开始)
function randomColor(){
return "rgb("+randomNum(0,255)+","+randomNum(0,255)+","+randomNum(0,255)+")";
}
function randomNum(a,b){
return Math.floor(Math.random()*(b-a+1)+a);
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
/*计时器 属于dom里window的方法(调用Window的属性或方法时 一般Window可省)
* 间隔计时器 setInterval(function,time);
* 间隔指定time毫秒数 重复执行函数function
* 单位: 毫秒
* 延迟计时器 setTimeout(func, time);
* 延迟time毫秒后再执行function(只执行一次)
*
*/
var i=0;
/*停止间隔定时器
* clearInterval()
* 根据计时器的返回值 清楚对应的计时器
*/
var timeId= setInterval(function(){
document.write(i++);
i++;
if(i>=60){
//清楚计时器
clearInterval(timeId);
}
// document.body.style.background=randomColor();
},1000);
// console.log(timeId)
/*
* 清楚延迟计时器
* clearTimeout()
*/
var num= setTimeout(function(){
document.write("hahaha");
},1000)
console.log(num)
//计时器方法会返回一个对应的数值标记该计时器;页面每添加一个计时器 该数字会依次加1;清楚计时器就是根据对应
//的返回值(chrome数值从1开始;;fire box 从2开始)
function randomColor(){
return "rgb("+randomNum(0,255)+","+randomNum(0,255)+","+randomNum(0,255)+")";
}
function randomNum(a,b){
return Math.floor(Math.random()*(b-a+1)+a);
}
</script>
</body>
</html>