慕鱼树
2018-11-13 16:09
<body>
<!--先编写好网页布局-->
<h1>操作成功</h1>
<span id="Ret">5</span>秒后回到主页
<a herf="javascript:void(0);" onclick="Go()">返回</a>
<script type="text/javascript">
//获取显示秒数的元素,通过定时器来更改秒
var timer=5;
i= setTimeout(TIMER,1000);
function TIMER()
{
timer--;
document.getElementById("RET").innerHTML=timer;
if(timer==0)
{
window.history.back();
clearTimeout(i);
}
setTimeout(TIMER,1000);
}
//通过window的location和history对象来控制网页的跳转。
function Go(){
window.hisroty.back();
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<!--先编写好网页布局-->
<h1>操作成功</h1>
<span id="Ret">5</span>秒后回到主页
<a herf="javascript:void(0);" onclick="Go()">返回</a>
<script type="text/javascript">
//获取显示秒数的元素,通过定时器来更改秒
var timer=5;
setTimeout(TIMER,1000); //这个用完一次就停了,不需要特地去停
function TIMER()
{
timer--;
document.getElementById("Ret").innerHTML=timer; //这里获取的RET错了,所以数字一直不变
var i=setTimeout(TIMER,1000); //这个放在循环里面一直调用的才需要停下
if(timer==0)
{
window.open("http://www.imooc.com"); //倒计时完成就会跳转,用window.hisroty.back(); //是返回上一页,要先从另一个网页跳转到该网页才 //有效果
clearTimeout(i);
}
}
//通过window的location和history对象来控制网页的跳转。
function Go(){
window.hisroty.back();
} //这里你少了个;
</script>
</body>
</html>
我的代码:
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>
<!--先编写好网页布局-->
<p>
<h4>操作成功</h4>
</p>
<form>
<span id="txt">5</span>
秒后返回主页
<a href="javascript:goBack()" >返回</a>
</form>
<script type="text/javascript">
var num=5;
function getTime() {
document.getElementById("txt").innerHTML=num;
num--;
if (num == 0) {
window.location.assign("http://www.imooc.com");
}
}
function goBack() {
//window.history.go(-1); //返回方式2
//window.location.assign("http://www.imooc.com"); // 方式3:加载新页面
window.history.back();
}
var t = setInterval("getTime()",1000);
//通过window的location和history对象来控制网页的跳转。
</script>
</body>
</html>
JavaScript进阶篇
468190 学习 · 21891 问题
相似问题