このカウントダウンタイマーから日やその他の要素を削除する方法

Question

私は何か超基本的でインラインである必要があります。私はここでこれを見つけましたが、私はそれをティッカーにして、その日を取り除くことを試みてきました。私がするたびに違った点滅や何度も何度も何度も時計を繰り返す。どんな提案も大いに訴えられるでしょう。

var end = new Date('11/30/2016 12:00 AM'); 
 

 
    var _second = 1000; 
 
    var _minute = _second * 60; 
 
    var _hour = _minute * 60; 
 
    var _day = _hour * 24; 
 
    var timer; 
 

 
    function showRemaining() { 
 
     var now = new Date(); 
 
     var distance = end - now; 
 
     if (distance < 0) { 
 

 
      clearInterval(timer); 
 
      document.getElementById('countdown').innerHTML = 'EXPIRED!'; 
 

 
      return; 
 
     } 
 
     var days = Math.floor(distance/_day); 
 
     var hours = Math.floor((distance % _day)/_hour); 
 
     var minutes = Math.floor((distance % _hour)/_minute); 
 
     var seconds = Math.floor((distance % _minute)/_second); 
 

 
     document.getElementById('countdown').innerHTML = days + 'days '; 
 
     document.getElementById('countdown').innerHTML += hours + 'hrs '; 
 
     document.getElementById('countdown').innerHTML += minutes + 'mins '; 
 
     document.getElementById('countdown').innerHTML += seconds + 'secs'; 
 
    } 
 

 
    timer = setInterval(showRemaining, 1000);

<div id="countdown"></div>

Answer 1

@adambwhitten以下の例を見てください。 0時の日数を処理する方法を示しました。同様に、Timerの他の部分も処理できます。 else条件では、コンテンツを最初にクリアしてから残りのタイマー値を追加する必要があるので、空の文字列にiinnerHTMLを設定しています。あなたがそれをしないなら、テキストをそれに追加し続けるでしょう。それは真剣に

var end = new Date('12/1/2016 12:00 AM'); 
 

 
    var _second = 1000; 
 
    var _minute = _second * 60; 
 
    var _hour = _minute * 60; 
 
    var _day = _hour * 24; 
 
    var timer; 
 

 
    function showRemaining() { 
 
     var now = new Date(); 
 
     var distance = end - now; 
 
     if (distance < 0) { 
 

 
      clearInterval(timer); 
 
      document.getElementById('countdown').innerHTML = 'EXPIRED!'; 
 

 
      return; 
 
     } 
 
     var days = Math.floor(distance/_day); 
 
     var hours = Math.floor((distance % _day)/_hour); 
 
     var minutes = Math.floor((distance % _hour)/_minute); 
 
     var seconds = Math.floor((distance % _minute)/_second); 
 
     if(days!=0){ 
 
      document.getElementById('countdown').innerHTML = days + 'days '; 
 
     }else{ 
 
      //clear the existing text 
 
      
 
      document.getElementById('countdown').innerHTML = ''; 
 
     } 
 

 
     //similary can handle other parts be hours/minutes 
 
     document.getElementById('countdown').innerHTML += hours + 'hrs '; 
 
     document.getElementById('countdown').innerHTML += minutes + 'mins '; 
 
     document.getElementById('countdown').innerHTML += seconds + 'secs'; 
 
    } 
 

 
    timer = setInterval(showRemaining, 1000);

<div id="countdown"></div>

Answer 2

文字通り...文字列のビルドから日

を削除

var end = new Date('11/30/2016 12:00 AM'); 
 

 
    var _second = 1000; 
 
    var _minute = _second * 60; 
 
    var _hour = _minute * 60; 
 
    var _day = _hour * 24; 
 
    var timer; 
 

 
    function showRemaining() { 
 
     var now = new Date(); 
 
     var distance = end - now; 
 
     if (distance < 0) { 
 

 
      clearInterval(timer); 
 
      document.getElementById('countdown').innerHTML = 'EXPIRED!'; 
 

 
      return; 
 
     } 
 
     var days = Math.floor(distance/_day); 
 
     var hours = Math.floor((distance % _day)/_hour); 
 
     var minutes = Math.floor((distance % _hour)/_minute); 
 
     var seconds = Math.floor((distance % _minute)/_second); 
 

 
     document.getElementById('countdown').innerHTML = hours + 'hrs '; 
 
     document.getElementById('countdown').innerHTML += minutes + 'mins '; 
 
     document.getElementById('countdown').innerHTML += seconds + 'secs'; 
 
    } 
 

 
    timer = setInterval(showRemaining, 1000);

<div id="countdown"></div>