首页 > 代码库 > 跳转的两种实现方法setInterval和setTimeout
跳转的两种实现方法setInterval和setTimeout
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=0var tfunction 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>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。