页面跳转

方法一:在头文件的meta标签中添加http-equiv="refresh"相关属性。

eg:<meta http-equiv="refresh" content="5;url=index.html" />

 

方法二:使用javascript来实现。

eg:

html代码:

<div>

success,

<span id="span" style="display:inline-block;width:15px;color:#FF0000;text-align:center;" >5</span>秒后,跳转到首页。

</div>

javascript代码:

<script type="text/jacascript">

window.οnlοad=function(){

var span=document.getElementById("span");

var i=span.innerText;

var timer=setInterval(changeText,1000);

function changeText(){

if(i>0){

span.innerText=span.innerText-1;

i--;

}else{

window.location.href="index.html";

clearInterval(timer);

}

}

}

</script>

方法三:用jQuery实现

jquery代码如下:先引用jQuery文件,然后再写如下代码

$(document).ready(function(){
    var timer=setInterval(change,1000);
var $span=$("#span");
var i=$span.text();
function change(){
if(i>0){
$span.text($span.text()-1);
i--;
}else{
window.location.href="synthetical.html";
clearInterval(timer);
}

}
})

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值