<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
window.onload = function(){
// 获取count
var count = document.getElementById('count');
/*
setInterval()
-定时调用
-可以将一个函数,每隔一段时间执行一次.
-参数:
1 回调函数,该函数会每隔一段时间被调用一次.
2 每次调用间隔时间,单位毫秒.
-返回值:
返回一个Number类型的数据
这个数字用来作为定时器的唯一标识
*/
var num = 10;
var timer = setInterval(function(){
count.innerHTML = num--;
if(num == -1){
// 停止执行clearInterval()
// clearTimeout() 使用从 setTimeout() 返回的变量:
clearInterval(timer);
};
}, 1000);
}
</script>
</head>
<body>
<h1 id='count'></h1>
</body>
</html>
setTimeout(function, milliseconds)
在等待指定的毫秒数后执行函数。用法与setInterval()类似