方法一:在头文件的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);
}
}
})