Maison > Article > interface Web > implémentation du code js pour afficher l'heure sur la page Web
implémentation du code js pour afficher l'heure sur la page Web
- 不言original
- 2018-08-22 11:43:393249parcourir
Le contenu de cet article concerne l'implémentation du code de js affichant l'heure sur la page Web. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<span id="date1">
</span>
<script >
function $(num1){
return num1<10?"0"+num1:num1;
}
function setTime(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();//在使用天数的时候使用date来得到
var week = date.getDay();//getday得到的是一周内的第几天
console.log();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
var time = year+"-"+$(month)+'-'+$(day)+" "+$(hour)+":"+$(minute)+":"+$(second);
document.getElementById("date1").innerHTML=time;
}
setTime();
setInterval('setTime()',500);
</script>
</body>
</html>Une petite astuce utilisant javascript, obtenez d'abord les différentes heures, combinez-les ensemble via des fonctions, puis utilisez document.getElementById().innerHTML=l'heure combinée. à imprimer.
Notez que la fonction doit être appelée une fois avant d'utiliser setinterval() (pour éviter que la page ne soit vide lors de sa première ouverture).
Recommandations associées :
JavaScript affiche dynamiquement la date et l'heure actuelles sur la page Web
JS implémente un affichage simple sur la page web Time method_javascript skills
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!