首页 > 代码库 > HTML倒计时简单实现
HTML倒计时简单实现
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 h1{ 8 font-size: 50px; 9 text-align: center;10 }11 </style>12 </head>13 <body>14 <h1>倒计时：<span>10</span></h1>15 <script type="text/javascript" src = "http://libs.baidu.com/jquery/1.10.0/jquery.min.js"></script>16 <script type="text/javascript">17 $(document).ready(function(){18 var e = $("h1 span").first();19 var i = 9;20 var interval = setInterval(function(){21 e.html(i);22 i--;23 if(i <= 0){24 clearInterval(interval);25 }26 },1000);27 })28 </script>29 </body>30 </html>
HTML倒计时简单实现
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。