两种实现自动跳转的的方法:
第一种方法,没有剩余秒数显示。
- <meta http-equiv=refresh content='5;url="http://xxxx.com/" ' />
第二种跳转方法,有剩余秒数显示。
- <script type="text/javascript">
- var duration = 10000; var timer = null; var endTime = new Date().getTime() + duration;
- function interval() { var timeSecond = (endTime - new Date().getTime()) / 1000;
- if (timeSecond
- < 0) return; //toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 $(
- "#timeout").text(timeSecond .toFixed(0)); setTimeout(interval, 10);
- } function stopJump() { clearTimeout(timer);
- $( "#jumphint").style.display = "none"; } window.onload = function() {
- timer = setTimeout(
- "window.location.href='http://xxxx.com'", duration); interval(); } </script>
- <span id="jumphint">
- 系统在
- <span id="timeout">
- </span>
- 秒后 将自动到首页
- </span>
setTimeout() 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。请先看以下一个简单, 这是没有实际用途的例子, 只是用来示范 setTimeout() 的语法。
setTimeout("alert('对不起, 要你久候')", 3000)
setTimeout() 是设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行一个指定的 method 或 function, 有以下语法:
今次例子是设定等 3 秒 (3000 milliseconds), 浏览器就会执行 alert( ) 这一个 method。
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
参考:
来源: http://www.bubuko.com/infodetail-1861338.html