时间:2021-07-01 10:21:17 帮助过:23人阅读
js实现倒计时具体代码示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="" /> <title>js精确到毫秒的倒计时代码 </title> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var times = 60 * 100; // 60秒 countTime = setInterval(function() { times = --times < 0 ? 0 : times; var ms = Math.floor(times / 100).toString(); if(ms.length <= 1) { ms = "0" + ms; } var hm = Math.floor(times % 100).toString(); if(hm.length <= 1) { hm = "0" + hm; } if(times == 0) { alert("游戏结束"); clearInterval(countTime); } // 获取分钟、毫秒数 $(".a").html(ms); $(".b").html(hm); }, 10); }); </script> <style> .warp{ width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 40px; font-family: "微软雅黑"; } .warp strong{ width: 100px; display: inline-block; text-align: center; font-family: georgia; color: #C9302C; } </style> </head> <body> <div class="warp"> <strong class="a">111</strong>秒 <strong class="b"></strong>毫秒</div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div> </body> </html>
【相关文章推荐】
JS实现倒计时(天数、时、分、秒)
2种简单的js倒计时实现方法
js 高效率服务器时间同步倒计时
限时抢购倒计时功能实现方法
以上就是js怎么实现倒计时的功能?(精准到毫秒)的详细内容,更多请关注Gxl网其它相关文章!