三种实现网页定时跳转(倒计时跳转)代码

三种实现网页定时跳转(倒计时跳转)代码已关闭评论
13,054 次浏览

A+

注意：本站启用了缓存系统，如果你的账户登陆不了，那是因为缓存导致，刷新再登陆一次即可。如还不行，只需打开任意一篇文章，然后刷新登陆即可。声明：本站软件80%独家汉化，全网唯一，如果你发现他站有本站独家汉化软件，请举报。独家汉化软件可以转载，但严禁二发，违者一经发现永久封号。

三种实现网页定时跳转(倒计时跳转)代码由心语家园（https://www.xinyucn.cc/）独家或原创发布，你可通过右上角“私信本站”联系我们。

在我们做网页的时候，尤其是动态网页，再加上异步伐提交的时候，需要对网页进行跳转的操作，今天我们就分享一下，如何利用JQuery或HTML代码对网页进行跳转或倒计时跳转的操作。

利用Js的setTimeout函数来实现网页的跳转

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式

语法

setTimeout(code, milliseconds, param1, param2, ...)
setTimeout(function, milliseconds, param1, param2, ...)

复制

注：

code/function必需。要调用一个代码串，也可以是一个函数。

milliseconds可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。

param1, param2, ...可选。传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

网页跳转实现代码

<script type="text/javascript"> 
//3秒钟之后跳转到本站首页
//心语家园博客
    setTimeout(window.location.href = 'https://www.xinyucn.cc/', 3); 
</script>

复制

html代码实现网页跳转

只需要在网页的头部也就是页面的head区域块内加上如下代码

<meta http-equiv="refresh" content="5;url=https://www.xinyucn.cc/" />

复制

利用JS实现网页跳转，并给出提示

代码：

<script type="text/javascript"> 
    var t = 10;//设定跳转的时间 
    setInterval("refer()", 1000); //启动1秒定时 
    function refer() {
        if (t == 0){
            location = "https://www.xinyucn.cc/"; //跳转的地址
        }
        document.getElementById('show').innerHTML = "" + t + "秒后跳转到心语家园首页"; // 显示倒计时 
        t--; // 计数器递减 
    } 
</script>
<span id="show"></span>

复制

注：这种方式可以实现倒计时跳转

总结一下

上面说了三种可以跳转网页的方法，如果在一般项目中，只要使用第一种就可以了，而第三种可以输出倒计时时间的方法，多用于404页面。第二种方法，不推荐使用。
本站1元=100家园币，你可以通过签到获得家园币，用来免费捐赠。
最新默认解压密码：Hoejc!xinyucn.cc 其他密码请去公众号。
如果链接丢失或未加，私信本站获取，仅对本站VIP会员开放。

请注意：微信公众号谢绝私信留言，拒绝回复。本站已在多处醒目位置注明，但是仍有网友在微信私信留言，再次声明，微信公众号不引流，不回复。