热门标签

,

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

先看实现的效果

实现距今天数和倒计时天数的JS代码
实现距今天数和倒计时天数的JS代码

JS调用代码:

<script>window.onload = function() {    var now = new Date();    var reg = /^\s*([1-9]\d{3})\-(\d{1,2})\-(\d{1,2})\s*$/;    var _start1 = document.getElementById("start1").innerHTML;    var _end1 = document.getElementById("end1").innerHTML;    if (        !reg.test(_start1)        ||        !reg.test(_end1)       )     {        throw new Error("Date Format Is Error !");        return;    }    var start1 = new Date(_start1.replace(reg, "$1"), parseInt(_start1.replace(reg, "$2")) - 1, _start1.replace(reg, "$3"));    var end1 = new Date(_end1.replace(reg, "$1"), parseInt(_end1.replace(reg, "$2")) - 1, _end1.replace(reg, "$3"));    document.getElementById("start2").innerHTML = Math.floor((now - start1)/(1000*60*60*24));    document.getElementById("end2").innerHTML = Math.round((end1 - now)/(1000*60*60*24));}</script>

HTML调用代码:

(开始时间) : <span id="start1">2018-08-27</span> 已使用<span id="start2">xx</span>天<br />(到期时间) : <span id="end1">2018-10-26</span> 距到期<span id="end2">xx</span>天

上面的代码可用,但是我发现了一个问题,如果单独想调用开始时间到期时间,效果就失效了。后经测试得知,如果需要开始时间,就删除JS代码里关于到期时间的代码,反之亦然。

如果只需要id=”end2″到期的天数,而前面设置的id=”end1″具体的时间隐藏的话,只需要给他一个display:none;样式即可。

本文最后更新于2018年8月27日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
标签:

未经允许不得转载:作者:知道君, 转载或复制请以 超链接形式 并注明出处 夏末浅笑
原文地址:《实现距今天数和倒计时天数的JS代码》 发布于2018-08-27

分享到:
赞(0)
评论下载是需要人工审核后才能下载的!!!建议QQ授权登录后再评论。

评论 抢沙发

8 + 4 =


下载说明
评论下载是需要人工审核后才能下载的!!!建议QQ授权登录后再评论。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册