位置: 编程技术 - 正文
推荐整理分享基于JavaScript实现定时跳转到指定页面(基于javascript的毕业设计),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:基于JAVASCRIPT实现的可视化工具是,用javascript,js基于什么,基于javascript的毕业设计选题,基于javascript的毕业设计,基于javascript的毕业设计,基于JAVASCRIPT实现的可视化工具是,基于JAVASCRIPT实现的可视化工具是,内容如对您有帮助,希望把文章链接给更多的朋友!
在某些场景下,需要网页在指定的时间后,网页能够自动跳转到指定页面,比如在无法找到指定网页的情况下,就会显示之前设置好的页面,并且跳转到指定的页面,下面就是一段代码实现了此效果。
代码如下:
以上代码,可以在三秒之后跳转到指定的页面,下面简单介绍一下实现过程。
一.实现原理:
使用定时器函数,每隔一秒修改一次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元素值。.setInterval("redirect()",),每隔一秒执行一次定时器函数。
三.相关阅读:
1.indexof()函数可以参阅JavaScript中的lastIndexOf()方法使用详解一章节。 2.setInterval()函数可以参阅setInterval()和setTimeout()的用法和区别示例介绍一章节。
以上内容是小编给大家分享的基于JavaScript实现定时跳转到指定页面的全部叙述,希望大家喜欢。
详解JavaScript 中的 replace 方法 定义和用法replace()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。stringObject.replace(regexp/substr,replacement)参数描述
基于Javascript实现弹出页面效果 弹出层效果是一个很实用的功能,很多网站都采用了这种方式实现登录和注册,比如百度:弹出层的特点:点击登录或注册的时候在页面的中间部分弹
JS Array.slice 截取数组的实现方法 slice定义和用法slice()方法可从已有的数组中返回选定的元素。语法arrayObject.slice(start,end)参数描述start必需。规定从何处开始选取。如果是负数,那么它
友情链接: 武汉网站建设