js 计时器页面跳转

最新推荐文章于 2022-06-07 17:57:26 发布

原创最新推荐文章于 2022-06-07 17:57:26 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js 计时器页面跳转

javascript 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页倒计时并自动跳转的方法。通过设置定时器逐步更新显示的剩余秒数，并最终将页面重定向到指定URL。此外，还提供了手动返回上一页的功能。

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
 </head>
 <body>
  <h2>操作成功</h2>
  <p><span id="mySecond">5</span>秒后返回主页 <a href="javascript:goBack();">返回</a></p>
  
 
  <script type="text/javascript">  
 
   //获取显示秒数的元素，通过定时器来更改秒数。
    var num=4;
    function count(){
        document.getElementById("mySecond").innerHTML = num;
        num--;
        setTimeout("count()",1000);
        if(num==1){
            window.location.assign("http://www.baidu.com");
        }
    }
    setTimeout("count()",1000);
    
   //通过window.history对象来控制网页的跳转。
   function goBack(){
        window.history.back();
   }
 </script> 
</body>
</html>