首页 > 代码库 > javascript自动跳转
javascript自动跳转
1.静态的秒数跳转
<script language="JavaScript1.2" type="text/javascript">
<!--
// Place this in the ‘head‘ section of your page.
//url要跳转的页面 time等待时间,单位为毫秒。
function delayURL(url, time) {
setTimeout("top.location.href=http://www.mamicode.com/‘" + url + "‘", time);
}
//-->
</script>
<script language="JavaScript1.2" type="text/javascript">
delayURL("bbs.jsp", 5000);
</script>
<!-- Place this in the ‘body‘ section -->
5秒后自动跳到主题列表,或点击<a href="http://www.mamicode.com/bbs.jsp">立即</a>到主题列表。
2.动态秒数跳转
<!-- 用samp标签定义id和字体颜色 -->
<samp id="delay" style="color: red;">5</samp>秒后自动跳到主题列表,或点击<a href="http://www.mamicode.com/bbs.jsp">立即</a>到主题列表。
<!-- script代码块 -->
<script language="JavaScript1.2" type="text/javascript">
function delayURL(url) {
//得到samp的值
var delay = document.getElementById("delay").innerHTML;
//alert(delay);
if(delay>1){
delay--;
//重新设置samp的值,实现秒数的动态效果
document.getElementById("delay").innerHTML = delay;
}else{
//alert(url);
//跳转到url页面
window.top.location.href=http://www.mamicode.com/url;
}
//setTimeout("",1000)参数格式,第一个参数要用双引号
setTimeout("delayURL(‘"+url+"‘)",1000);
}
</script>
<!-- 调用自动跳转方法 传入url -->
<script type="text/javascript">
delayURL("bbs.jsp");
</script>