Gemeinsame Nutzung von JavaScript-Code zur Implementierung des Ereignis-Countdown-Effekts-js-Tutorial-php.cn

Gemeinsame Nutzung von JavaScript-Code zur Implementierung des Ereignis-Countdown-Effekts

黄舟

Freigeben： 2017-04-24 09:21:03

Original

1382 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich den auf JavaScript basierenden Ereignis-Countdown-Effekt vor, wie viel Zeit bis zum Ereignis verbleibt und hat einen gewissen Referenzwert. Interessierte Freunde können sich darauf beziehen

Das Beispiel in diesem Artikel teilt den spezifischen Code des js-Countdown-Effekts als Referenz. Der spezifische Inhalt ist wie folgt

<!DOCTYPE html> 
<html> 
  <head> 
    <title>countDown</title> 
    <style type="text/css"> 
      #myp{ 
        width:150px; 
        background-color:green; 
        margin:0 auto; 
        padding:0 auto; 
        color:pink; 
      } 
    </style> 
    <script type="text/javascript"> 
      <!-- 秒数可修改--> 
      var second=50; 
      <!-- 分钟可修改--> 
      var minute=1; 
      <!-- 小时可修改--> 
      var hour=1; 
      <!-- 天数可修改--> 
      var day=1; 
      var flag=false; 
      function countDown(){ 
        var p=document.getElementById("myp"); 
        second-=1; 
        if(second==0){ 
          minute=minute-1; 
          second=60; 
          if(minute<0){ 
            hour=hour-1; 
            minute=59; 
            if(hour<0){ 
              day-=1; 
              hour=23; 
              if(day<0){ 
                flag=true; 
              } 
            } 
          } 
        } 
        if(flag){ 
          p.innerHTML="活动结束！"; 
        }else{ 
          p.innerHTML="距离活动时间还剩："+day+"天"+hour+"小时"+minute+"分"+second+"秒"; 
        } 
      } 
       setInterval("countDown()",1000); 
    </script> 
  </head> 
  <body> 
    <p id="myp">倒计时</p> 
  </body> 
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonGemeinsame Nutzung von JavaScript-Code zur Implementierung des Ereignis-Countdown-Effekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!