js2——定时跳转

最新推荐文章于 2022-12-01 15:15:58 发布

新时代程序猿

最新推荐文章于 2022-12-01 15:15:58 发布

阅读量116

点赞数

分类专栏： HTMLCSSJS学习文章标签： javascript html java css python

本文链接：https://blog.csdn.net/qq_44417051/article/details/109573527

版权

HTMLCSSJS学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动跳转</title>
    <style>
        p{
            text-align: center;
        }
        span{
           color: red;
        }
    </style>
    <script>
        /*
        * 分析：
        * 1、显示页面的效果<p>
        2、倒计时读秒数效果
        *   2.1定义一个方法获取span标签修改span标签体内的内容，时间
        *   2.2定义一个定时器1秒执行一个方法
        * 3、在方法中判断时间如果<=0,则跳转至首页
        *
        * */
        var second=5;
        var
            time=document.getElementById("time");
        function showtime() {
            //定义一个方法，获取span标签，修改span标签体内容、事件
            second--;
            if (second<=0){
                location.href="https://www.baidu.com";
            }

            time.innerHTML=second+"";
        }
        setInterval(showtime,1000);

    </script>
</head>
<body>
    <p>
        <span id="time">5秒</span>之后自动跳转至首页。。。
    </p>
</body>
</html>

新时代程序猿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js2——定时跳转

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自动跳转</title> <style> p{ text-align: center; } ...
复制链接

扫一扫