5秒后跳转-js代码

最新推荐文章于 2022-11-25 14:45:10 发布

转载最新推荐文章于 2022-11-25 14:45:10 发布 · 115 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yunmengxiaohe/p/3864059.html

文章标签：

#javascript #xhtml #ViewUI

<!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()。
-->