时间:2021-05-26
很多网页都有类似的效果,那就是经过指定的时间能够跳转到其他页面,如果再人性化一点话,会带有倒计时效果,本章节就介绍一下如何实现此效果,代码实例如下:<script type="text/javascript"> var t=10;setInterval("refer()",1000); function refer(){ if(t==0){ location.href="https://"; } document.getElementById('show').innerHTML=""+t+"秒后跳转到"; t--;} </script> <span id="show"></span> 以上代码实现了我们想要的效果,能够在10秒之后跳转到指定页面,下面介绍一下实现过程。一.实现原理:原理非常的简单,就是利用setInterval()定时器函数,每秒执行一次refer()函数,此函数能够没执行一次将t减1,同时将当前的t的值写入div中,如果t减到0,也就是倒计时完毕,就跳转到指定页面。原理大致如此。二.相关阅读:1.setInterval()函数可以参阅setInterval()函数用法详解一章节。
2.location.href可以参阅Location对象的href属性一章节。
3.innerHTML属性可以参阅js的innerHTML属性的用法一章节。
下面给大家分享2个简单的跳转代码,做一下总结,各种定时跳转代码记录如下:
(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)
(2)html代码实现,在页面的head区域块内加上如下代码
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似。页面代码简单,直接拷贝就能运行,页面可以自己美化下。5varsecond
实现倒计时跳转要和html中的js结合起来,例如:实现一个页面简单的注册,然后注册成功后倒计时自动跳转到登录页面。#注册页面defregister(reques
下面对使用JavaScript实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:(1)使用setTimeout函数实现定时跳转(如下代码要
前言在开发中会经常用到倒计时这个功能,关于倒计时的实现,有疑问的朋友们可以参考这篇:本文主要给大家介绍了关于Android倒计时结束跳转页面的相关内容,分享出来
用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现