您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

js怎么实现倒计时的功能?(精准到毫秒)

2024/3/12 20:13:09发布41次查看
本篇文章主要介绍了js实现倒计时的效果,并且精准到毫秒,需要的朋友可以参考下,希望对大家有所帮助。
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怎么实现倒计时的功能?(精准到毫秒)的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product