200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 基于JavaScript实现定时跳转到指定页面【javascript】

基于JavaScript实现定时跳转到指定页面【javascript】

时间:2019-04-26 15:06:52

相关推荐

基于JavaScript实现定时跳转到指定页面【javascript】

web前端|js教程

js跳转到指定页面

web前端-js教程

在某些场景下,需要网页在指定的时间后,网页能够自动跳转到指定页面,比如在无法找到指定网页的情况下,就会显示之前设置好的404页面,并且跳转到指定的页面,下面就是一段代码实现了此效果。

.net 平台 源码,Vscode如何下载git,ubuntu成nfs,tomcat使用jvm,sqlite+中文说明,生成条码插件,前端要懂那些框架,网络爬虫的网络搜索策略,php使用js变量,梅河口优化seo,网站左侧图片悬浮代码,宠物网网页设计作业下载,zs模板lzw

代码如下:

qq业务网php源码,vscode用emmet,ubuntu rtmp,tomcat设置xms,sqlite 临时表存放,cms播放器插件,企业家web前端框架,QQ群讲解爬虫的,php 登录页面,孝感seo排名服务,flashfxp下载网站源码,手机网页多图上传插件,懒人模板是什么软件lzw

js指定时间之后跳转到指定页面代码实例function redirect(){if(second-1){document.getElementById( otalSecond).innerText=second--;} else{document.getElementById( otalSecond).textContent=second--;}}}window.onload=function(){var second=document.getElementById( otalSecond).textContent;if(navigator.appName.indexOf("Explorer")>-1){second=document.getElementById( otalSecond).innerText;} else{second = document.getElementById( otalSecond).textContent;}setInterval("redirect()",1000);}

找不到指定的页面

3秒后自动跳转到指定页面

以上代码,可以在三秒之后跳转到指定的页面,下面简单介绍一下实现过程。

易语言锁机生成器源码,ubuntu 怎么写程序,怎么爬虫qq音乐,php里面db php,文山seo投放lzw

一.实现原理:

使用定时器函数,每隔一秒修改一次span元素中的数字,当数字到达零之后,就会将页面跳转到指定的链接,原理大致如此,这里就不多介绍了,具体可以参阅代码注释。

二.代码注释:

1.function redirect(){},声明一个含糊,用于跳转。

2.if(second<0) {location.href=\;} ,如果数字小于零,那么就会跳转。

3.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实现定时跳转到指定页面的全部叙述,希望大家喜欢。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。