网页倒计时跳转页面的效果

做项目的时候用到了这个效果，觉得这个很好用，和大家分享一下！就是下面这个效果，希望能对大家有所帮助！

    <script language='javascript' type='text/javascript'>
         var secs = 10; //倒计时的秒数 
         var URL;
         function Load(url) {
             URL = url;
             for (var i = secs; i >= 0; i--) {
                 window.setTimeout('doUpdate(' + i + ')', (secs - i) * 1000);
             }
         }
         function doUpdate(num) {
             document.getElementById('ShowDiv').innerHTML = '您好您的商品已经购买成功，请等待工作人员的审核...<br><span style="color:red">' + num + '</span>秒后自动离开本页面';
             if (num == 0) { window.location = URL; }
         } 
    </script>

</head>
<body>
    <script language="javascript" type="text/javascript">Load("index.aspx"); </script>
    <div id="ShowDiv"></div>
</body>

　好了以上就是全部的代码，更多精品免费的源码，请多关注天天源码论坛www.ttyuanma.com

posted @ 2011-09-09 11:42  唐学阳  阅读(513)  评论(0)  编辑  收藏  举报