简单的倒计时跳转代码

最新推荐文章于 2023-01-23 12:05:26 发布

青菜馒头

最新推荐文章于 2023-01-23 12:05:26 发布

阅读量1.4k

点赞数 1

分类专栏： javascript 文章标签： html javascript 5秒倒计时跳转

本文链接：https://blog.csdn.net/lp2659359879/article/details/52778977

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

html代码

<!--先编写好网页布局-->
<h1>操作成功</h1>
<span id="second" >5</span>
<span >秒后回到主页</span>
<a href="javascript:back();">返回</a>

这里写图片描述

js代码

 <script type="text/javascript">  
    var num=document.getElementById("second").innerHTML;
   //获取显示秒数的元素，通过定时器来更改秒数。

    function count()
    {
        num--;
        document.getElementById("second").innerHTML=num;
        if(num==0)
        {
            location.assign("www.imooc.com");
        }
    }
    setInterval("count()",1000);
   //通过window的location和history对象来控制网页的跳转。
    function back()
    {
       window.history.back();
   } 
 </script>