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

释放双眼,带上耳机,听听看~!

先看实现的效果

实现距今天数和倒计时天数的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;样式即可。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

版权申明:网站字体及图片来源于互联网,如果侵犯了您的权利,请联系我们,我们将尽快改正我们的错误,谢谢您的理解!

给TA赞赏
共{{data.count}}人
人已赞赏
软件代码

压缩身份证照片的方法

2018-8-27 10:09:14

软件代码

微信公众平台使用模板消息给所有人发通知

2018-8-28 14:47:54

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索