js倒计时结束跳转到指定网址URL,貌似和倒计时没啥区别,只是多了一个跳转功能,本来觉得这个功能太简单,不值发出来,不过昨天正好有个人问我这个问题,索引把当时的代码发上来,或许会帮助更多的javaScript新手吧,代码如下:
JavaScript代码:
代码如下 | 复制代码 |
function times() { for (i=4;i>0;i++) { setTimeout('relink()',1000);//1秒后执行 } } function relink() { window.sarea.innerText = i;//在特定的位置插入秒数 if (i == 0 ) { location.href=URL;//结束后跳转的url return; } else times(); } |
URL那个用时候要把网址加双引号,像这样:
代码如下 | 复制代码 |
location.href="http://www.111cn.net"; |
下面分享自己以前做的404错误页面功能
代码如下 | 复制代码 |
<script language=javascript> function countDown(secs,surl){ document.getElementById('tiao').innerText=secs;//<span>中显示的内容值 if(--secs>0){ setTimeout("countDown("+secs+",'"+surl+"')",1000);//设定超时时间 } else{ location.href=surl;//跳转页面 } |
html代码
代码如下 | 复制代码 |
<table width=650 border=0 align="center" cellpadding=8 cellspacing=0> <tr> <td align=center><div align="left"><font face=arial size=+1><b> 很抱歉,您要访问的页面不存在。<span id="tiao">5</span>秒后将自动跳转到网站首页<script language=javascript>countDown(5,'http://www.111cn.net');</script><br> <br> </b></font></div></td> </tr> <tr> <td class="p1" style="text-align:left;"> <ol> |
效果如下
时间: 2025-01-21 12:12:47