Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Js vollständiger Countdown-Zeitdifferenzeffekt

Js vollständiger Countdown-Zeitdifferenzeffekt

Y2J
Freigeben： 2017-05-20 13:17:13
Original
1517 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：
js倒计时时差 js倒计时 js时差
Quelle：php.cn
Vorheriger Artikel：So ermitteln Sie, ob Text in JS die volle oder halbe Breite hat Nächster Artikel：Ausführliche Erläuterung von Beispielen für die Vervollständigung der Sternebewertungsfunktion durch JS
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Überarbeiteter Titel: Berechnen Sie die Gesamtsumme basierend auf der Auswahl des Kontrollkästchens Ich entwickle eine einfache Anwendung zur Finanzverfolgung. Im Antrag gibt es eine Tabelle...
Aus 2024-04-04 13:45:50
0
1
3465
Der JavaScript-Timer wird nicht jede Sekunde aktualisiert Hier ist mein Code zum Anzeigen eines Countdown-Timers für otp, der jedoch nur statische W...
Aus 2024-04-02 19:04:44
0
1
359
Zeigen Sie Bestandszähler an mehreren Standorten auf derselben Seite an Dieses Skript eignet sich hervorragend als Aktien-Countdown, ich kann es jedoch nicht an m...
Aus 2024-04-02 14:25:38
0
2
2529
Die Aktivierung der Taste führt zu einer Fehlfunktion des Hover-Effekts Ich habe versucht, die Grundlagen der Webentwicklung (HTML, CSS und JS) zu erlernen, also ...
Aus 2024-04-01 21:51:26
0
1
396
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage