为了账号安全,请及时绑定邮箱和手机立即绑定

可以参考我这个正确答案,当然方法有很多种

<!DOCTYPE html>

<html>

 <head>

  <title>浏览器对象</title>  

  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   

 </head>

 <body>

  <!--先编写好网页布局-->

  

  <h3>操作成功</h3>

<p>

<span id="s">

5

</span>

<span>秒后回到主页</span>

<a href="#" onclick="tiaozhuan()">返回</a>

</p>

 

   <script type="text/javascript">  

 

   //获取显示秒数的元素,通过定时器来更改秒数。

var e = document.getElementById("s");

var s = parseInt(e.innerText);

var intervalId;

intervalId = window.setInterval('showS()',1000);

function showS(){

s-=1;

if(s<1){

window.clearInterval(intervalId);

tiaozhuan();

}

e.innerText = s;


}

   //通过window的location和history对象来控制网页的跳转。

   function tiaozhuan(){


  if(window.history.length > 0) {

  history.back();

  }


   }

 </script> 

</body>

</html>


正在回答

3 回答

主题是5秒会跳转到新的页面,你这个是5秒后返回到前一个页面


0 回复 有任何疑惑可以回复我~

//body

<h1>操作成功</h1>

<pre><span id='s'></span>秒回到主页<h2 id="back" onclick="tiaozhuan()">返回</h2></pre>

 

//<script>

var i=setInterval(jian,1000);

var time=document.getElementById('s');

var num=5;

function jian(){

time.innerHTML=num;

num--;

if(num<0)

{

clearInterval(i);

location.href="https://www.baidu.com";

}

}

function tiaozhuan(){

if(history.length>0)

history.forward(1);

}


0 回复 有任何疑惑可以回复我~

var  time=5;

 i=setInterval("clock()",1000);

function clock(){

    document.getElementById("second").innerText=time;

    time--;

    if(time<0)

{

  clearInterval(i);

//window.location.assign("http://www.imooc.com");

  location.href="http://www.imooc.com";

}

}


//通过window的location和history对象来控制网页的跳转。

   function tiaozhuan(){

history.go(1);

}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468189    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

可以参考我这个正确答案,当然方法有很多种

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信