js自动跳转

码上说话

于 2019-12-17 23:37:02 发布

阅读量240

点赞数

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/qq_36943809/article/details/103589731

版权

web前端专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用HTML、CSS和JavaScript实现的自动跳转页面功能。通过设置倒计时并在计时结束后重定向到指定URL，可以实现网页的自动跳转效果。此功能常见于登录后重定向至首页或特定页面的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动跳转</title>
    <style>
        p{
            text-align: center;
            margin-top: 200px;
        }
        #num{
            color: red;
        }
    </style>
</head>
<body>
<p><span id="num">5</span>秒后跳转</p>
<script>
    var number=5;
    var num = document.getElementById("num");
    function fun() {
        if (--number == 0) {
            clearInterval(id);
            location.href="http://ntlias-stu.boxuegu.com/#/login";
        }
        num.innerHTML=number+"";
    }
    var id=setInterval(fun,1000);
</script>
</body>
</html>