js倒计时跳转

最新推荐文章于 2023-03-30 14:02:59 发布

青殒

最新推荐文章于 2023-03-30 14:02:59 发布

阅读量85

点赞数

分类专栏：案例

本文链接：https://blog.csdn.net/qq_42446990/article/details/102999322

版权

案例专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    p{
        text-align: center;
    }
    span{
        color: red;
    }
</style>
<body>
<p><span id="time">5</span>秒之后跳转</p>
<script>
    var number=5;
    var time=document.getElementById("time");

    function showtime() {
        number--;
        if(number<=0){
            location.href="https://www.baidu.com/"
        }

        time.innerHTML=number+"";
    }
    setInterval(showtime,1000)
</script>

</body>
</html>

青殒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js倒计时跳转

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

扫一扫