Heim > Web-Frontend > js-Tutorial > Hauptteil

Js vollständiger Countdown-Zeitdifferenzeffekt

Y2J
Freigeben: 2017-05-20 13:17:13
Original
1417 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich Javascript vor, um den Countdown-Zeitunterschiedseffekt im Detail zu implementieren. Er hat einen gewissen Referenzwert.

Das Beispiel in diesem Artikel teilt Ihnen den js-Countdown-Zeitunterschiedseffekt mit . Der Implementierungscode dient als Referenz:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i=&#39;0&#39;+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout(&#39;showTime()&#39;,500)
 }

</script>
</head>
<body>
<p class="content1">
 <p id="show">显示时间的位置</p>
</p>
</body>
</html>
Nach dem Login kopieren

[Verwandte Empfehlungen]

1 🎜>2. Detaillierte Erläuterung der Methode zum rekursiven Löschen von Elementen in einem Array in JS

3. Detaillierte Erläuterung eines Beispiels für die Vervollständigung der Sternebewertungsfunktion durch JS

4. Wie bestimmt JS, ob Text in voller oder halber Breite vorliegt?

5.nodejs+websocket vervollständigt eine Chat-Systemfunktion

Das obige ist der detaillierte Inhalt vonJs vollständiger Countdown-Zeitdifferenzeffekt. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!