基于JavaScript实现定时跳转到指定页面_javascript技巧
代码如下:
js指定时间之后跳转到指定页面代码实例 找不到指定的页面
3秒后自动跳转到指定页面
以上代码,可以在三秒之后跳转到指定的页面,下面简单介绍一下实现过程。
一.实现原理:
使用定时器函数,每隔一秒修改一次span元素中的数字,当数字到达零之后,就会将页面跳转到指定的链接,原理大致如此,这里就不多介绍了,具体可以参阅代码注释。
二.代码注释:
1.function redirect(){},声明一个含糊,用于跳转。
2.if(second
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实现定时跳转到指定页面的全部叙述,希望大家喜欢。
上一篇: MySQL大小写敏感问题和命名规范
下一篇: high三个晚上这样好么-JSON
推荐阅读
-
javascript使用定时函数实现跳转到某个页面_javascript技巧
-
利用javascript实现web页面中指定区域打印_javascript技巧
-
javascript使用定时函数实现跳转到某个页面_javascript技巧
-
基于JavaScript实现移除(删除)数组中指定元素_javascript技巧
-
JS实现定时页面弹出类似QQ新闻的提示框_javascript技巧
-
基于Javascript实现弹出页面效果_javascript技巧
-
js实现的定时关闭页面或定时提醒效果代码_javascript技巧
-
使用javascript实现页面定时跳转总结篇_javascript技巧
-
JavaScript实现x秒后自动跳转到一个页面_javascript技巧
-
基于JavaScript实现定时跳转到指定页面_javascript技巧