js实现倒计时跳转页面

步骤
1显示页面效果，
2倒计时读秒效果实现
      2.1定义一个方法，获取span标签，修改span标签体内容，时间---------；
      2.2定义一个定时器，一秒执行一次该方法
3在方法中判断如果时间<0，则跳转页面。

注意
time.innerHTML=second+"";
innnerHTL是用来显示和修改标签里面内容的

**<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    p{
        text-align: center;
    }
    #time{
        color: red;
    }
</style>
<body>
    <p>
        <span id="time">5</span>秒后跳转到百度
    </p>

<script>
    var second=5;
    var time = document.getElementById("time");
    function show() {
        second--;
        if(second==0){
            //跳转页面
            location.href="https://www.baidu.com";
        }
        //用来动态设置里面的内容
        time.innerHTML=second+"";

    }
    //用来实现这个一秒实现一次这个方法
    setInterval(show,1000);
    

</script>

</body>
</html>**

效果如图所示倒计时后跳转百度页面
在这里插入图片描述

新创建一个公众号 Rockey小何同学 想相互交流的同学可以关注一下哈！ 感谢支持！

版权声明：本文为he1234555原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。