jquery倒计时
jquery倒计时,到0秒时返回指定的网址
<script> var jq = { countdown:function(countdom){ /*countdom:倒计时容器; time:倒计时时间 */ var count = $(countdom).text();//获得html中容器内的值 countdown = setInterval(function(){ $(countdom).html(count); count--; if (count < 0) { clearTimeout(countdown) window.location = 'http://www.liuhehu.com'; } }, 1000); } } $(function(){ jq.countdown("countdom"); }) </script>
完整代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <script type="text/javascript" src="http://www.liuhehu.com/wp-content/themes/sohodesign/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/iehtml5.js"></script> </head> <body> <div><span class="countdown">10</span>秒后返回首页</div> <script> var jq = { countdown:function(countdom){ /*countdom:倒计时容器; time:倒计时时间 */ var count = $(countdom).text();//获得html中容器内的值 countdown = setInterval(function(){ $(countdom).html(count); count--; if (count < 0) {//小于0的原因是,当页面不能自动跳转时,停止在“0”。 clearTimeout(countdown) window.location = 'http://www.liuhehu.com'; } }, 1000); } }; $(function(){ jq.countdown(".countdown"); }); </script> </body> </html>
效果:
本文作者: Jasmine
本文链接: https://www.jianbaizhan.com/article/501
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!