5秒后跳转-js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>5秒后跳转到百度</title>
<script type="text/javascript">
function time(){
    var time=document.getElementById("second").innerHTML;
    if(time>0){
        document.getElementById("second").innerHTML=time-1
        }else{
            location.href="http://www.baidu.com";
            }
    }
</script>
</head>
<body onload="setInterval('time()',1000)"> 
<p><span id="second" style="color:#CF3;">5</span>秒后跳转到百度</p>
</body>
</html>
<!--
setTimeout()
语法
var t=setTimeout("javascript语句",毫秒)
setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertMsg()"。
第二个参数指示从当前起多少毫秒后执行第一个参数。
提示:1000 毫秒等于一秒。
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

setTimeout() vs setInterval()
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
-->
posted @ 2014-07-23 21:35  余欣  阅读(337)  评论(0编辑  收藏  举报