登陆成功页面5秒跳转

最新推荐文章于 2023-05-23 11:52:45 发布

周先森爱编程丶

最新推荐文章于 2023-05-23 11:52:45 发布

阅读量2.5k

点赞数 2

分类专栏： js 文章标签：倒计时5秒跳转登陆成功 html5 js

本文链接：https://blog.csdn.net/qq_37796017/article/details/78003205

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

争做5秒真男人，哈哈哈哈哈。

代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>倒计时5秒跳转页面</title>
    </head>
    <body>
        恭喜您！登陆成功，<span id="zhuan" style="color: red; font-size: 20px;">5</span>秒后跳转页面!<br />
        如果不成功，<a href="http://www.baidu.com" target="_self">点击这里</a>
    </body>
    <script type="text/javascript">
        var time=4;
        var timer = setInterval(function(){
            var str = document.getElementById("zhuan");
            if(time>=1){
                str.innerHTML=time;
                time--;
            }else{
                clearInterval(timer);
                location.href = "https://www.baidu.com";
            }
        },1000)
    </script>
</html>

周先森爱编程丶

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
登陆成功页面5秒跳转

争做5秒真男人，哈哈哈哈哈。代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>倒计时5秒跳转页面</title> </head> <body> 恭喜您！登陆成功，<span id="zhuan" style="color: red; font-size
复制链接

扫一扫

专栏目录