倒计时自动跳转到首页(指定网页) 案例:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>倒计时自动跳转到指定网页</title> 
    <style> 
        span{ 
            color: #ff0000; 
        } 
        p{ 
            text-align: center; 
        } 
    </style> 
</head> 
<body> 
    <!--    1.显示页面效果--> 
    <p> 
        <span id="time">5</span>秒之后,跳转到指定页面... 
    </p> 
 
    <script> 
        /* 
            分析: 
                1.显示页面效果 
                2.倒计时读秒效果实现 
                    2.1 定义一个方法,获取span标签,修改span标签内容,时间... 
                    2.2 定义一个定时器,1秒执行一次该方法 
        */ 
 
        //2.倒计时读秒效果实现 
        var second = 5; 
        //2.1定义一个方法,获取span标签,修改span标签体内容,时间... 
        var time = document.getElementById("time"); 
        function showTime() { 
            second --; 
            //判断时间如果<=0,则跳转到指定页面 
            if (second <= 0) { 
                //跳转到指定页面 
                location.href = "https://www.baidu.com"; 
            } 
            time.innerHTML = second + ""; 
        } 
 
        //2.2 定义一个定时器,1秒执行一次该方法 
        setInterval(showTime,1000); 
    </script> 
</body> 
</html>

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

JavaScript>网页动态表格的添加、删除一行列表操作代码实现讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。