3秒后自动跳转页面

最新推荐文章于 2024-04-18 11:09:37 发布

落叶无情也算有情

最新推荐文章于 2024-04-18 11:09:37 发布

阅读量2.5w

点赞数 2

分类专栏： javascript jquery 文章标签：前端倒计时跳转页面

本文链接：https://blog.csdn.net/JackieMing0328/article/details/79236706

版权

javascript 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

jquery

4 篇文章 0 订阅

订阅专栏

3秒后自动跳转页面

实际开发中，常见需求

网上常见的有3种方式，其实在开发中最符合开发的是以下这种
页面中倒计时时间也跟着变化的

<body>
    <div><span>3</span>s后跳转</div>
</body>
<script>
     window.onload=function(){  
        var timer=setInterval(go, 1000);    //定时器，一秒执行一次
    };
    var x=Number($('span').html()); //获取到页面的倒计时时间，由于获取到是字符串，需通过Number转换成数字进行接下来计算
    function go(){
        x--;  
        if(x>0){  
            $("span").html(x);   //将计算后的时间赋值到标签里
        }else{  
            location.href='example.html';  //要跳转的页面
            clearInterval(timer);     //清除定时器
        }  
    }
</script>

落叶无情也算有情

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
3秒后自动跳转页面

3秒后自动跳转页面实际开发中，常见需求网上常见的有3种方式，其实在开发中最符合开发的是以下这种页面中倒计时时间也跟着变化的body> div>span>3span>s后跳转div>body>script> window.onload=function(){ var timer=setInterval(go, 1000); /
复制链接

扫一扫