Heim > Artikel > Web-Frontend > JavaScript-Countdown-Modell für elektronische Uhren 2_Javascript-Kenntnisse

JavaScript-Countdown-Modell für elektronische Uhren 2_Javascript-Kenntnisse

WBOYOriginal: 2016-05-16 15:20:391329Durchsuche

Das Beispiel in diesem Artikel erläutert den detaillierten Code des elektronischen Uhr-Countdowns in JavaScript und stellt ihn Ihnen als Referenz zur Verfügung. Der spezifische Inhalt ist wie folgt:
JavaScript-Zeitklasse
1. Holen Sie sich Zeit, Minuten und Sekunden:
getHours()
getMinutes();
getSeconds();
2. Jahr, Monat und Tag abrufen:
getFullYear();
getMonth() 1;//Der erhaltene Monat erfordert 1;
getDate(); //Datum
getDay(); //Erhalte den Wochentag, 0--》Sonntag

Rendering:

Spezifischer Code:

<!doctype html> 
<html> 
<meta charset="utf-8"> 
<title>倒计时</title>
<head> 

   <style type="text/css">
   *{
     margin: 0;
     padding: 0;

   }
    .wrap{
      width: 350px;
      height: 100px;
      background-color: black;
    }
    #dates{
      color: #fff;
      margin-top: 10px;
      display: block;
      margin-left: 15px;
    }
    p{
      color: #fff;
    }
   </style>
</head> 
<body> 
<div class="wrap">
  <p>距离2016年02月08号00时00分00秒春节倒计时：</p>
  <!-- <p>距离2016年01月07号23时59分59秒倒计时：</p> -->
  <span id="dates"></span>
</div>
<script type="text/javascript"> 
var dates = document.getElementById("dates");
function getRTime(){ 
var EndTime= new Date('2016/02/07 23:59:59'); //截止时间 
var NowTime = new Date(); 
var t =EndTime.getTime() - NowTime.getTime(); 

var d=Math.floor(t/1000/60/60/24); 
var h=Math.floor(t/1000/60/60%24); 
var m=Math.floor(t/1000/60%60); 
var s=Math.floor(t/1000%60); 
var p=Math.floor(t%60);
if(d<10){
  d="0"+d;
}
if(h<10){
  h="0"+h;
}
if(m<10){
  m="0"+m;
}
if(s<10){
  s="0"+s;
}
if(p<10){
  p="0"+p;
}

dates.innerHTML=d+ "日" + h + "小时"+ m +"分" + s +"秒"+p+"毫秒";
} 
setInterval(getRTime,1); 
</script> 
</body> 
</html>

Das Obige ist der detaillierte Inhalt dieses Artikels. Ich hoffe, dass er für alle beim Erlernen der Javascript-Programmierung hilfreich sein wird.

Stellungnahme：

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

Vorheriger Artikel：JavaScript implementiert Eingabeaufforderungen im Eingabefeld (Passwortfeld)_Javascript-KenntnisseNächster Artikel：JavaScript implementiert Eingabeaufforderungen im Eingabefeld (Passwortfeld)_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen