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

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

    <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

原文地址:https://www.cnblogs.com/tangxueyang/p/2172340.html