Heim >Web-Frontend >js-Tutorial >So zeigen Sie die Zeit dynamisch in Javascript an
So zeigen Sie die Zeit dynamisch in Javascript an
- 青灯夜游Original
- 2021-09-16 17:04:0215889Durchsuche
So zeigen Sie die Zeit in JavaScript an: 1. Verwenden Sie „new Date()“, um ein Datumsobjekt zu definieren. 2. Verwenden Sie getFullYear(), getMonth() und andere Methoden des Datumsobjekts, um Jahr, Monat, Tag und Stunde zu erhalten , Minuten- und Sekundenwerte und geben Sie sie aus. 3. Verwenden Sie die Methode setTimeout (), um den Zeitwert nur einmal pro Sekunde zu aktualisieren.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Implementierungscode für die dynamische Javascript-Anzeigezeit:
<html>
<head>
<title>网页中动态的显示系统日期时间</title>
<script language="JavaScript">
function startTime()
{
var today=new Date();//定义日期对象
var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年
var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年
var dd = today.getDate();//通过日期对象的getDate()方法返回年
var hh=today.getHours();//通过日期对象的getHours方法返回小时
var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟
var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒
// 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
MM=checkTime(MM);
dd=checkTime(dd);
mm=checkTime(mm);
ss=checkTime(ss);
var day; //用于保存星期（getDay()方法得到星期编号）
if(today.getDay()==0) day = "星期日 "
if(today.getDay()==1) day = "星期一 "
if(today.getDay()==2) day = "星期二 "
if(today.getDay()==3) day = "星期三 "
if(today.getDay()==4) day = "星期四 "
if(today.getDay()==5) day = "星期五 "
if(today.getDay()==6) day = "星期六 "
document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day;
setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
}
function checkTime(i)
{
if (i<10){
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()" style="background-color: #000000;color: white;">
当前时间：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>
</body>
</html>Rendering:
Methoden des Datumsobjekts
Mit dem Datumsobjekt können Sie die relative internationale Standardzeit (Greenwich Mean Time, jetzt bekannt als UTC) ermitteln (Universal Coordinated Time) oder die Uhrzeit und das Datum des Betriebssystems, auf dem der Flash Player läuft. Um die Methoden des Date-Objekts verwenden zu können, müssen Sie zunächst eine Instanz des Date-Objekts erstellen.
Datumsobjekte müssen Flash 5 oder höher verwenden.
Die Methoden des Date-Objekts sind nicht statisch, sondern können bei Verwendung auf die angegebenen einzelnen Entitäten angewendet werden.
Methodeneinführung des Date-Objekts:
getDate ｜ Holen Sie sich das aktuelle Datum (den Tag des Monats) basierend auf der Ortszeit.
getDay ｜ Holen Sie sich den heutigen Wochentag basierend auf der Ortszeit (0-Sonntag). , 1-Montag...)
getFullYear ｜ Das aktuelle Jahr (vierstellig) basierend auf der Ortszeit abrufen
getHours ｜ Die aktuellen Stunden (24-Stunden-Format, 0-23) basierend auf der Ortszeit abrufen
getMilliseconds ｜ Holen Sie sich die aktuellen Millisekunden basierend auf der Ortszeit
getMinutes ｜ Basierend auf Holen Sie sich die aktuellen Minuten in Ortszeit
getMonth ｜ Holen Sie sich den aktuellen Monat basierend auf der Ortszeit (Hinweis ab 0: 0-Jan, 1-Feb...)
getSeconds ｜ Aktuelle Sekunden in Ortszeit abrufen
getTime ｜ UTC-Format abrufen Die Anzahl der Millisekunden seit 1970.1.1 0:00
getTimezoneOffset ｜ Aktuelle Zeit und Offsetwert im UTC-Format (in Minuten) abrufen
getUTCDate ｜ Holen Sie sich das aktuelle Datum im UTC-Format (den Tag des Monats)
getUTCDay ｜ Holen Sie sich den heutigen Wochentag im UTC-Format (0-Sonntag, 1-Montag…)
getUTCFullYear ｜ Holen Sie sich das aktuelle Jahr in UTC Format (vier Ziffern)
getUTCHours ｜ Holen Sie sich die aktuelle Stunde im UTC-Format (24-Stunden-Format ,0-23)
getUTCMilliseconds ｜ Holen Sie sich die aktuelle Anzahl von Millisekunden im UTC-Format
getUTCMinutes ｜ Holen Sie sich die aktuelle Anzahl von Minuten in UTC-Format
getUTCMonth ｜ Holen Sie sich den aktuellen Monat im UTC-Format (Hinweis ab 0: 0-Jan, 1-Feb …)
getUTCSeconds ｜ Holen Sie sich die aktuellen Sekunden im UTC-Format
getYear ｜ Holen Sie sich das aktuelle abgekürzte Jahr (aktuell).
setDate ｜ Stellen Sie das aktuelle Datum (den Tag des Monats) ein. 0-23)
setMilliseconds ｜ Setzt die aktuelle Anzahl an Millisekunden
setMinutes ｜ Setzt die aktuelle Anzahl an Minuten
setMonth ｜ Setzt den aktuellen Monat (Hinweis ab 0 beginnt: 0-Jan, 1-Feb…)
setSeconds ｜ Stellen Sie die aktuelle Anzahl der Sekunden ein.
setTime. ｜ Stellen Sie die Anzahl der Millisekunden seit 1970.1.1 0:00 im UTC-Format ein.
setUTCDate aktuelles Jahr im UTC-Format (vierstellig)
setUTCHours ｜ Stellen Sie die aktuelle Stunde im UTC-Format ein (24-Stunden-Format, 0-23)
setUTCMilliseconds ｜ Stellen Sie das aktuelle Jahr im UTC-Format ein Anzahl der Millisekunden
setUTCMinutes ｜ Stellen Sie die ein aktuelle Anzahl der Minuten im UTC-Format
setUTCMonth ｜ Stellen Sie den aktuellen Monat im UTC-Format ein (Hinweis ab 0: 0-Jan, 1-Feb…)
setUTCSeconds ｜ Stellen Sie die aktuelle Anzahl der Sekunden im UTC-Format ein
setYear ｜ Stellen Sie das aktuelle abgekürzte Jahr ein (das aktuelle Jahr minus 1900)
toString ｜ Konvertieren Sie den Datums- und Uhrzeitwert in einen Zeichenfolgenwert in der Form „Datum/Uhrzeit“
Date.UTC ｜ Geben Sie die feste Zeit des angegebenen UTC-Formats zurück Datum und Uhrzeit Wert
【Empfohlenes Lernen:Javascript-Tutorial für Fortgeschrittene
】
Das obige ist der detaillierte Inhalt vonSo zeigen Sie die Zeit dynamisch in Javascript an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!