<html>
var alltime = 5;
function setTime() {
if (alltime <= 0) {
clearInterval(s);
window.parent.location.href = "login.jsp";
} else {
alltime--;
document.getElementById("time").innerHTML = "剩余" + alltime + "秒";
document.getElementById("time1").innerText = "剩余" + alltime + "秒";
}
}
s = setInterval("setTime()", 1000);
</script>
<body>
<div id="time"></div>
将自动跳转到登陆页面……
<br>
<div id="time1"></div>
<br>
<a href="" οnclick="window.parent.location.href = 'login.jsp';">登陆</a>
</body>
</html>
个人分析:
1、用setInterval,而不用setTimeout。前者在clearInterval之前会循环执行动作,而后者只会在时间到后执行一次。
2、用了innerHTML 和innerText 来给<div>标签添加内容,见名知意,有何区别,自行体会。
3、 window.parent是针对用了帧frame而言的,通常之需要window.location.href = "login.jsp";不用parent,详细请见http://blog.csdn.net/hn1232/archive/2009/06/02/4235128.aspx。