标签:javascript js 页面跳转 数字变动
这是一个经常可以看到的页面跳转效果。使用到的是delay go to url.
首先要加入这样一个标签,数字5 表示几秒后跳转。
<span id="time">5</span>秒钟后跳转,如不跳转,请点击下面链接
这是方法部分:
<script language="JavaScript1.2" type="text/javascript"> function delayURL(url){ var delay=document.getElementById("time").innerHTML; //获取名字为“time”的标签内字符 if(delay>0){ delay--; document.getElementById("time").innerHTML=delay; }else{ window.top.location.href=url; } setTimeout("delayURL(‘"+url +"‘)",1000); //隔一秒就执行delayURL(url)方法 } </script>
在<body>中加入代码:
<a href="***.jsp">请点击</a> <script type="text/javascript"> delayURL("***.jsp"); //要跳转的页面 </script>
本文出自 “学习园地” 博客,请务必保留此出处http://melinstudy.blog.51cto.com/8781036/1532887
标签:javascript js 页面跳转 数字变动
原文地址:http://melinstudy.blog.51cto.com/8781036/1532887