欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【JS 实现页面N秒钟自动跳转】

程序员文章站 2022-05-14 09:28:04
...
注:这里的例子是5秒钟自动跳转

------------------------------------------------------------------------------------------------------------->

<!-- Place this in the 'head' section of your page. -->
<script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {
var delay = document.getElementById("time").innerHTML;//取到id="time"的对象,.innerHTML取到对象的值
//alert(delay);
if(delay > 0) {
delay--;
document.getElementById("time").innerHTML = delay;
} else {
window.location.href = url;//跳转到URL
}
setTimeout("delayURL('" + url + "')", 1000); //delayURL() 就是每间隔1000毫秒 调用delayURL(url);
}
</script>


再要出现显示倒计时的位置 :

页面<span id="time">5</span>秒后,自动跳转。


在</body>前插入下面这段---------------------->

<script type="text/javascript">
delayURL("article.jsp"); //article.jsp 是N秒后要跳转的页面
</script>