javascript实现倒计时效果
WINFORM中一般使用time控件来完成计时操作,在网页中的计时操作可以使用javascript
来完成,今天我用js写了一个倒计时实例,这个实例在页面上显示5,4,3,2,1后直接跳转
到网站的首页,希望对大家有帮助。
前台页面:
<p>将在 <span id="mes">5</span> 秒钟后返回首页!</p>
javascript代码如下:
<script language="javascript" type="text/javascript">
var i = 5;
var intervalid;
intervalid = setInterval("fun()", 1000);
function fun() {
if (i == 0) {
window.location.href = "default.aspx";
clearInterval(intervalid);
}
document.getElementById("mes").innerHTML = i;
i--;
}
</script>