Heim > Web-Frontend > js-Tutorial > JS-Implementierung zum Abrufen der Zeit und zum Festlegen der Countdown-Codefreigabe

JS-Implementierung zum Abrufen der Zeit und zum Festlegen der Countdown-Codefreigabe

小云云
Freigeben: 2018-02-28 11:50:29
Original
1990 Leute haben es durchsucht

Dieser Artikel teilt Ihnen hauptsächlich die JS-Implementierung des Abrufens der Zeit und des Festlegens des Countdown-Codes mit. Ich hoffe, dass er allen helfen kann.

Machen Sie sich einfach Notizen, verwenden Sie hauptsächlich Date und setInterval
Die erste Countdown-Einstellung:

<script type="text/javascript">
    var timeBox = document.querySelector("#time");    function countdown(){
      var nowTime = new Date();      var targetTime = new Date("2018/2/27 15:44:15");      var spanTime = targetTime-nowTime;      if(spanTime <=0){
        timeBox.innerHTML="立即抢购";
        clearInterval(countdown);
      }else{        var hours = Math.floor(spanTime/(1000*60*60));
      spanTime-=hours*60*60*1000;      var minute = Math.floor(spanTime/(1000*60));
      spanTime-=minute*60*1000;      var second = Math.floor(spanTime/1000);
      hours<10 ? hours=&#39;0&#39;+hours : hours;
      minute<10 ? minute=&#39;0&#39;+minute : minute;
      second<10 ? second=&#39;0&#39;+second : second;
      timeBox.innerHTML=hours+&#39;:&#39;+minute+&#39;:&#39;+second;
      }

    }    var timer = window.setInterval(countdown,1000);  </script>
Nach dem Login kopieren

Die zweite zeigt das aktuelle Datum an:

<script type="text/javascript">
    var timeBox = document.querySelector("#time");    function countdown(){
      var date = new Date();      var hours = date.getHours();      var minute = date.getMinutes();      var second = date.getSeconds();
      hours =checkTime(hours);
      minute =checkTime(minute);
      second =checkTime(second);
      timeBox.innerHTML = hours+&#39;:&#39;+minute+&#39;:&#39;+second;
    }    // 检测时间数字是否小于10,在小于10的数字前加一个‘0’
    function checkTime(i){
      i<10 ? i="0"+i :i;      return i;
    }    var timer = window.setInterval(countdown,1000);  </script>
Nach dem Login kopieren

Verwandte Empfehlungen:

JS-Methode zum Erhalten von Zeitfunktionen und Erweiterungsfunktionen

JS-Methode zum Erhalten von Zeit_Javascript-Kenntnissen

js Anti-Refresh-Countdown-Code js Countdown-Code

Das obige ist der detaillierte Inhalt vonJS-Implementierung zum Abrufen der Zeit und zum Festlegen der Countdown-Codefreigabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage