首页 > 其他 > 详细

跳转的两种实现方法setInterval和setTimeout

时间:2014-07-16 21:24:21      阅读:277      评论:0      收藏:0      [点我收藏+]

setInterval方法:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>出错啦~~~</title>
    <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript"> 
var i = 5; 
var intervalid; 
intervalid = setInterval("fun()", 1000); 
function fun() { 
if (i == 0) { 
location.href = "http://www.baidu.com"; 
//location.replace(‘http://www.baidu.com‘)
clearInterval(intervalid); 
} 
document.getElementById("mes").innerHTML = i; 
i--; 
} 
</script>
</head>
<body>
    <div id="errorfrm">
        <h3>出错啦~~~</h3>
        <div id="error">
            <img src="images/error.gif" mce_src="images/error.gif" alt="" />
            <p>系统出错,请联系管理员!</p>
            <p>
                将在
                <span id="mes">5</span>
                秒钟后返回首页!
            </p>
        </div>

    </div>
</body>
</html>

 

setTimeout()方法:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">
var c=0
var t
function timedCount()
 {
 document.getElementById(txt).value=c
 c=c+1
 t=setTimeout("timedCount()",1000)//调用函数本身
 }

function stopCount()
 {
 clearTimeout(t)
 }
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>

</html>

 

跳转的两种实现方法setInterval和setTimeout,布布扣,bubuko.com

跳转的两种实现方法setInterval和setTimeout

原文:http://www.cnblogs.com/liu-l/p/3835945.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!