堇延未七
2016-05-10 13:32:02浏览 2490
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>8-17编程练习</title>
<style type="text/css">
#timeCounter{border:none;width:10px;}
</style>
<script type="text/javascript">
var num = 5;
//第一种方式:在页面加载时调用计时函数
//第二种方式:setTimeout("timeCount()");//不设置延迟时间
window.onload = function(){
timeCount();
}
function timeCount(){
document.getElementById("timeCounter").value = num;
num--;
var i = setTimeout("timeCount()",1000);
if(num == 0){
clearTimeout(i);
//第一种方式
//window.open('http://www.imooc.com','_self');
//第二种方式
window.location.assign('http://www.imooc.com');
}
}
function back(){
window.history.back();
}
</script>
</head>
<body>
<h3>操作成功</h3>
<br/>
<form>
<!--显示秒数的元素:可以用文本框,或者用label标签-->
<input type="text" id="timeCounter" />秒后回到主页
<input type="button" value="返回" onclick="back()" />
</form>
</body>