js 5秒倒计时结束后跳转至指定页面

最新推荐文章于 2024-08-21 03:41:05 发布

猿学

最新推荐文章于 2024-08-21 03:41:05 发布

阅读量911

点赞数

分类专栏： JS 文章标签： js

资料多来源于网络，如有侵权，请联系本人予以删除

本文链接：https://blog.csdn.net/weixin_38787928/article/details/101521617

版权

JS 专栏收录该内容

29 篇文章 1 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何使用JavaScript编写一个5秒倒计时功能，倒计时结束后自动将页面重定向到指定URL。

摘要由CSDN通过智能技术生成

js5秒倒计时结束后跳转至指定页面

<div style="width: 180px;position: relative;top: 30%;margin: 0 auto;">
        操作错误！
    <p>
        <span id="spanId">5</span>秒后跳转至百度
    </p>
</div>
<script type="text/javascript">
    function countDown(secs,surl){
        var jumpTo = document.getElementById('spanId');
        jumpTo.innerHTML=secs;
        if(--secs>=0){
            setTimeout("countDown("+secs+",'"+surl+"')",1000);
        }
        else{
            location.href=surl;
        }
    }
    countDown(5,'https://www.baidu.com/');
</script>