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>

posted @ 2012-08-16 12:46  高品  阅读(1336)  评论(0编辑  收藏  举报