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

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

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

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

语法setTimeout(code, milliseconds, param1, param2, ...)

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

注：

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

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

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

网页跳转实现代码

//3秒钟之后跳转到本站首页

//飞鸟慕鱼博客

setTimeout(window.location.href = 'http://www.feiniaomy.com', 3);

html代码实现网页跳转

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

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

代码：

var t = 10;//设定跳转的时间

setInterval("refer()", 1000); //启动1秒定时

function refer() {

if (t == 0){

location = "http://www.feiniaomy.com"; //跳转的地址

}

document.getElementById('show').innerHTML = "" + t + "秒后跳转转到飞鸟慕鱼博客"; // 显示倒计时

t--; // 计数器递减

}

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

总结一下

上面说了三种可以跳转网页的方法，如果在一般项目中，只要使用第一种就可以了，而第三种可以输出倒计时时间的方法，多用于404页面。第二种方法，不推荐使用。