在某些场景下,需要网页在指定的时间后,网页能够自动跳转到指定页面,比如在无法找到指定网页的情况下,就会显示之前设置好的404页面,并且跳转到指定的页面,下面就是一段代码实现了此效果。
代码如下:
js指定时间之后跳转到指定页面代码实例 找不到指定的页面3秒后自动跳转到指定页面
以上代码,可以在三秒之后跳转到指定的页面,下面简单介绍一下实现过程。
一.实现原理:
使用定时器函数,每隔一秒修改一次span元素中的数字,当数字到达零之后,就会将页面跳转到指定的链接,原理大致如此,这里就不多介绍了,具体可以参阅代码注释。
二.代码注释:
1.function redirect(){},声明一个含糊,用于跳转。
2.if(second3.else{},否则进行倒计时效果。
4.if(navigator.appname.indexof(explorer)>-1),判断是否是ie浏览器。
5.document.getelementbyid('totalsecond').innertext=second--,如果是ie浏览器则使用innertext属性设置span元素中的数字值。
6.document.getelementbyid('totalsecond').textcontent=second--,其他浏览器使用textcontent属性设置span元素中的数字值。
7.window.onload=function(){},当文档完全加载完毕再去执行函数中的代码。
8.if(navigator.appname.indexof(explorer)>-1){},如果是ie浏览器则使用innertext属性获取span元素中的内容。
9.second = document.getelementbyid('totalsecond').textcontent,其他标准浏览器使用textcontent属性获取span元素值。
10.setinterval(redirect(),1000),每隔一秒执行一次定时器函数。
三.相关阅读:
1.indexof()函数可以参阅javascript中的lastindexof()方法使用详解一章节。
2.setinterval()函数可以参阅setinterval()和settimeout()的用法和区别示例介绍一章节。
以上内容是小编给大家分享的基于javascript实现定时跳转到指定页面的全部叙述,希望大家喜欢。