js定时器有两个方法:
setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。会被循环执行。
setTimeout():在指定的毫秒数后调用函数或计算表达式。只执行一次。
定时器使用场景:
(1)页面中的提示框每隔一段时间需要执行一次或多少秒后自动关闭提示框
(2)延迟跳转
。。。。。。。。。。。。。。。。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="count">
计时器
</div>
</body>
<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
var num = 10;
var t = setInterval(function(){
$(".count").html(--num + 's');
if(num == 0){
clearInterval(t); /* 清除定时器 */
window.location.href = "#"
}
},1000)
})
</script>
</html>