你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - 动态网页 - 正文 代码,改变世界!

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

2018-04-30动态网页墨初684°c
A+ A-

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

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

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

语法

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

注:

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

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

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

网页定时跳转,网页倒计时跳转,网页跳转,网页跳转代码,JS实现网页跳转,

网页跳转实现代码

<script type="text/javascript"> 
//3秒钟之后跳转到本站首页
//飞鸟慕鱼博客
    setTimeout(window.location.href = 'http://www.feiniaomy.com', 3); 
</script>

html代码实现网页跳转

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

<meta http-equiv="refresh" content="5;url=http://www.feiniaomy.com" />

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

代码:

<script type="text/javascript"> 
    var t = 10;//设定跳转的时间 
    setInterval("refer()", 1000); //启动1秒定时 
    function refer() {
        if (t == 0){
            location = "http://www.feiniaomy.com"; //跳转的地址
        }
        document.getElementById('show').innerHTML = "" + t + "秒后跳转转到飞鸟慕鱼博客"; // 显示倒计时 
        t--; // 计数器递减 
    } 
</script>
<span id="show"></span>

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

网页定时跳转,网页倒计时跳转,网页跳转,网页跳转代码,JS实现网页跳转,

总结一下

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
三种实现网页定时跳转(倒计时跳转)代码

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录