javascript倒计时计时器删除时分秒。。到期后

javascript倒计时计时器删除时分秒。。到期后,javascript,html,css,timer,countdown,Javascript,Html,Css,Timer,Countdown,我对javascript非常陌生,我不知道如何删除我倒计时的过期部分。例如,当倒计时结束对天的计数时,它将删除天,然后删除小时等,直到达到“过期”点 以下是JS代码: var items = document.querySelectorAll('#clock'); for (var i = 0, len = items.length; i < len; i++) { (function () { var e = new Date("2018-12-31").getT

我对javascript非常陌生,我不知道如何删除我倒计时的过期部分。例如,当倒计时结束对天的计数时,它将删除天,然后删除小时等,直到达到“过期”点

以下是JS代码:

var items = document.querySelectorAll('#clock');
for (var i = 0, len = items.length; i < len; i++) {
    (function () {
        var e = new Date("2018-12-31").getTime(),
            t = this.querySelector("[data-js=countdown]"),
            n = this.querySelector("[data-js=countdown-endtext]"),
            day = this.querySelector("[data-js=countdown-day]"),
            hour = this.querySelector("[data-js=countdown-hour]"),
            min = this.querySelector("[data-js=countdown-minute]"),
            sec = this.querySelector("[data-js=countdown-second]"),
            s = this.gjs_countdown_interval;
        s && s && clearInterval(s);
        var l = function (e, t, n, s) {
                day.innerHTML = e < 10 ? "0" + e : e,
                    hour.innerHTML = t < 10 ? "0" + t : t,
                    min.innerHTML = n < 10 ? "0" + n : n,
                    sec.innerHTML = s < 10 ? "0" + s : s
            },
            u = function () {
                var day = (new Date).getTime(),
                    hour = e - day,
                    min = Math.floor(hour / 864e5),
                    sec = Math.floor(hour % 864e5 / 36e5),
                    s = Math.floor(hour % 36e4 / 6e4),
                    u = Math.floor(hour % 6e4 / 1e3);
                l(min, sec, s, u), hour < 0 && (clearInterval(c),
                    n.innerHTML = "EXPIRED",
                    t.style.display = "none",
                    n.style.display = "")
            };
        if (e) {
            var c = setInterval(u, 1e3);
            this.gjs_countdown_interval = c,
                n.style.display = "none",
                t.style.display = "", u()
        } else l(0, 0, 0, 0)
    }.bind(items[i]))();
}
var items=document.querySelectorAll(“#clock”);
对于(变量i=0,len=items.length;i
HTML:


天
小时
会议记录
秒

非常感谢您的帮助,伙计们

您可以检查时间段是否为0,所有较大的时间段是否也为0

if (day == 0) {
    day.innerHTML = "";
}
if (day == 0 && hour == 0) {
    hour.innerHTML = "";
}
if (day == 0 && hour == 0 && min == 0) {
    min.innerHTML = "";
}
if (day == 0 && hour == 0 && min == 0 && sec == 0) {
    sec.innerHTML = "";
    n.innerHTML = "Expired";
}

最后,我能够修复我的错误,我就是这样做的: 代替{{request.GET.date}}GMT-7,给出您的参数,它工作得很好


var deadline=新日期(“{request.GET.Date}}GMT-7”).getTime();
var x=设置间隔(函数(){
var now=new Date().getTime();
var t=截止日期-现在;
风险天数=数学下限(t/(1000*60*60*24));
var小时=数学楼层((t%(1000*60*60*24))/(1000*60*60));
var分钟数=数学地板((t%(1000*60*60))/(1000*60));
变量秒=数学地板((t%(1000*60))/1000);
如果(天数==0){
document.getElementById(“day”).innerHTML='';
document.getElementById(“日标题”).innerHTML='';
}否则如果(天数==1){
document.getElementById(“日标题”).innerHTML='day';
document.getElementById(“day”).innerHTML=天;
}否则{
document.getElementById(“day”).innerHTML=天;
document.getElementById(“日标题”).innerHTML='Days';
}
如果(小时数!=0){
document.getElementById(“小时”).innerHTML=hours;
}否则{
document.getElementById(“hour”).innerHTML='';
document.getElementById(“小时标题”).innerHTML='';
}
document.getElementById(“分钟”).innerHTML=minutes;
document.getElementById(“second”).innerHTML=seconds;
if(t<0){
净间隔(x);
document.getElementById(“时钟”).innerHTML='';
}
}, 1000);

大家好,欢迎来到Stack Overflow!不幸的是,你真的不清楚你在问什么。查看并整理一份清单,以便更好地找到您需要的帮助。作为第二个注意事项,任何想要帮助您的人都将很难仔细阅读您的变量名。使用更具描述性的变量名!谢谢你,但问题是我是Javascript的初学者,在构建小部件时,我从GrapeJS倒计时程序中获得了代码片段。这就是为什么我决定把它贴在这里,希望能得到帮助。如果你想让它避免说
过期
,只需将
过期
替换为
不,我不想避免过期。我只是不想看到零。例如,如果我通过今天,我将看到00天,一些小时,一些分和秒。所以我不想让它显示我的日子,只是显示剩余的时间等。它不会改变任何事情。这些IF语句应该跟在这个函数后面:u=function(){var day=(new Date).getTime(),hour=e-day,min=Math.floor(hour/864e5),sec=Math.floor(hour%864e5/36e5),s=Math.floor(小时%36e4/6e4),u=Math.floor(小时%6e4/1e3);嘿,洛根,我已经在代码中添加了html部分。你能再看看我的JS和html吗?因为它仍然不起作用
if (day == 0) {
    day.innerHTML = "";
}
if (day == 0 && hour == 0) {
    hour.innerHTML = "";
}
if (day == 0 && hour == 0 && min == 0) {
    min.innerHTML = "";
}
if (day == 0 && hour == 0 && min == 0 && sec == 0) {
    sec.innerHTML = "";
    n.innerHTML = "Expired";
}