<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<!--先编写好网页布局-->
<h1>操作成功</h1>
<p><span id="time">5</span>秒后回到主页 <a href="windows.history.back()">返回</a></p>
<script type="text/javascript">
//window.onload=djs();
var num=5;
var i = setInterval("djs()",1000);
//获取显示秒数的元素,通过定时器来更改秒数。
function djs() {
document.getElementById('time').innerHTML=num;
num=num-1;
if(num==0)
{clearInterval("i");
location.href="www.imooc.com";
}
}
//通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>页面完全加载后1秒钟才开始执行?
尝试页面加载完就执行倒计时,应该怎么做?
你把document.getElementById('time').innerHTML=num;这句话放在if块的后面去执行试试
你想想,你现在的代码,页面一加载完,1秒后开始执行方法,方法执行第一句就是把5设置给time,由于你页面上写的也是5,所以你没看出来其实已经开始倒计时了,也就是你变成等了2秒才看到效果