Maison >interface Web >js tutoriel >Comment afficher dynamiquement l'heure en javascript
Comment afficher dynamiquement l'heure en javascript
- 青灯夜游original
- 2021-09-16 17:04:0215556parcourir
Comment afficher l'heure en JavaScript : 1. Utilisez "new Date()" pour définir un objet date ; 2. Utilisez getFullYear(), getMonth() et d'autres méthodes de l'objet date pour obtenir l'année, le mois, le jour, l'heure. , les minutes et les secondes et les afficher ; 3. Utilisez la méthode setTimeout () pour actualiser simplement la valeur de l'heure une fois par seconde.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Code d'implémentation de l'heure d'affichage dynamique Javascript :
<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>Rendu :
Objet Méthodes de date
L'objet Date vous permet d'obtenir l'heure standard internationale relative (heure moyenne de Greenwich, maintenant connue sous le nom d'UTC (Temps coordonné universel) ou l'heure et la date du système d'exploitation sur lequel le lecteur Flash est exécuté. Pour utiliser les méthodes de l'objet Date, vous devez d'abord créer une instance de l'objet Date.
Les objets Date doivent utiliser le lecteur Flash 5 ou version ultérieure.
Les méthodes de l'objet Date ne sont pas statiques, mais peuvent être appliquées aux entités individuelles spécifiées lorsqu'elles sont utilisées.
Méthode d'introduction de l'objet Date :
getDate ｜ Obtenez la date actuelle (le jour du mois) en fonction de l'heure locale
getDay ｜ Obtenez le jour de la semaine d'aujourd'hui en fonction de l'heure locale (0-dimanche, 1-Monday...)
getFullYear ｜ Obtenez l'année en cours (quatre chiffres) en fonction de l'heure locale
getHours ｜ Obtenez les heures actuelles (format 24 heures, 0-23) en fonction de l'heure locale
getMilliseconds ｜ Obtenez les millisecondes actuelles en fonction de l'heure locale
getMinutes ｜ Basé sur Obtenez les minutes actuelles en heure locale
getMonth ｜ Obtenez le mois en cours en fonction de l'heure locale (note à partir de 0 : 0-janvier, 1er-février...)
getSeconds ｜ Obtenez les secondes actuelles en heure locale
getTime ｜ Obtenez le format UTC Le nombre de millisecondes depuis 1970.1.1 0:00
getTimezoneOffset ｜ Obtenez l'heure actuelle et la valeur de décalage au format UTC (en minutes)
getUTCDate ｜ Obtenez la date actuelle au format UTC (le jour du mois)
getUTCDay ｜ Obtenez le jour de la semaine aujourd'hui au format UTC (0-Sunday, 1-Monday…)
getUTCFullYear ｜ Obtenez l'année en cours au format UTC (quatre chiffres)
getUTCHours ｜ Obtenez l'heure actuelle au format UTC (format 24 heures, 0-23)
getUTCMilliseconds ｜ Obtenez le nombre actuel de millisecondes au format UTC
getUTCMinutes ｜ Obtenez le nombre actuel de minutes au format UTC format
getUTCMonth ｜ Obtenez le mois en cours au format UTC (note à partir de 0 : 0-Jan, 1-Feb …)
getUTCSeconds ｜ Obtenez les secondes actuelles au format UTC
getYear ｜ Obtenez l'année abrégée en cours (année en cours moins 1900) en fonction de l'heure locale
setDate ｜ Définir la date actuelle (le jour du mois)
setFullYear ｜ Définir l'année en cours (quatre chiffres)
setHours ｜ Définir le nombre d'heures actuel (format 24 heures, 0 -23)
setMilliseconds ｜ Définir le nombre actuel de millisecondes
setMinutes ｜ Définir le nombre actuel de minutes
setMonth ｜ Définir le mois en cours (note à partir de 0 commence : 0-Jan, 1-Feb…)
setSeconds ｜ Définir le nombre actuel de secondes
setTime ｜ Définir le nombre de millisecondes depuis le 1970.1.1 0:00 au format UTC
setUTCDate ｜ Définir la date actuelle au format UTC (le jour du mois)
setUTCFulYear ｜ Définir la date actuelle année au format UTC (quatre chiffres)
setUTCHours ｜ Définir l'heure actuelle au format UTC (format 24 heures, 0-23)
setUTCMilliseconds ｜ Définir l'année en cours au format UTC Nombre de millisecondes
setUTCMinutes ｜ Définir l'année actuelle nombre de minutes au format UTC
setUTCMonth ｜ Définir le mois en cours au format UTC (note à partir de 0 : 0-Jan, 1-Feb…)
setUTCSeconds ｜ Définir le nombre actuel de secondes au format UTC
setYear ｜ Définir l'année abrégée actuelle (l'année en cours moins 1900)
toString ｜ Convertit la valeur de date et d'heure en une valeur de chaîne sous la forme de "date/heure"
Date.UTC ｜ Renvoie l'heure fixe de la date au format UTC spécifiée et valeur temporelle
【Apprentissage recommandé : Tutoriel avancé javascript】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!