您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要介绍基于JS代码如何实现倒计时x 天 x 时 x 分 x 秒效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
具体代码如下所示:
<script> (function () { var tian = document.getElementsByClassName('JS-tian')[0]; var shi = document.getElementsByClassName('JS-shi')[0]; var fen = document.getElementsByClassName('JS-fen')[0]; var miao = document.getElementsByClassName('JS-miao')[0]; var endTime = new Date('2117/07/12 23:59:59').getTime() + 1000; var interval = null; interval = setInterval(function () { var syhm = endTime - Date.now(); // 剩余毫秒 if (syhm >= 0) { tian.innerText = Math.floor(syhm / 1000 / 60 / 60 / 24); shi.innerText = Math.floor(syhm / 1000 / 60 / 60 % 24); fen.innerText = Math.floor(syhm / 1000 / 60 % 60); miao.innerText = Math.floor(syhm / 1000 % 60); } else { clearInterval(interval); } }, 0); })(); </script>
htmlDemo:
<div> 距结束还剩:<span class="JS-tian"></span>天<span class="JS-shi"></span>时<span class="JS-fen"></span>分<span class="JS-miao"></span>秒 </div>
以上是“基于JS代码如何实现倒计时x 天 x 时 x 分 x 秒效果”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。