javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 跳转到另一个页面

5秒后跳转到另一个页面的js代码

作者:

跳转到另一个页面的方法有很多,在本文将为大家详细介绍下js中如何实现5秒后跳转到另一个页面,感兴趣的朋友可不要错过
复制代码 代码如下:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>5秒后跳转到另一个页面</title>

<script type="text/javascript">
var t = 5;
function countDown(){
var time = document.getElementById("time");
t--;
time.value=t;
if (t<=0) {
location.href="http://www.baidu.com";
clearInterval(inter);
};
}
var inter = setInterval("countDown()",1000);
//window.onload=countDown;
</script>

</head>
<body onload="countDown()">

<input type="text" readonly="true" value="5" id="time"/>

<!--也可以在这里写javascript代码,这样就不必在body标签中写onload="countDown()"。-->
</body>
</html>
您可能感兴趣的文章:
阅读全文