Cette fois, je vais vous amener JS pour réaliser le retour en temps réel de la fonction heure actuelle. Quelles sont les précautions pour que JS réalise le retour en temps réel de la fonction heure actuelle. est un cas pratique, jetons un coup d'oeil.
Utilisez javascript pour indiquer l'heure du système
Appliquer les connaissances
JavaScript HTML DOM
La méthode setInterval() dans HTML DOM continuera à appeler la fonction jusqu'à ce que clearInterval() soit appelée ou que la fenêtre soit fermée. La valeur ID renvoyée par setInterval() peut être utilisée comme argument de la méthode clearInterval().
GrammairesetInterval(code,milliseconds)
code - code (peut être une fonction)
millisecondes - la durée (en millisecondes) de cet appel
Par conséquent, nous voulons faire bouger l'heure du système de feedback. Il suffit d'appeler la méthode toutes les 1000 millisecondes pour que l'heure affichée bouge comme un réveil.
setInterval(function(){myTimer()},1000)
new Date()//获得当前时间
.toLocaleTimeString()//根据本地时间把Date对象的时间部分转换为字符串
.getElementById("clock")//返回带有指定 ID 的元素
.innerHTML=c; //将c返回给指定元素Partie code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="clock"></p>
</body>
<script>
var a = setInterval(function(){myTimer()},1000);
function myTimer(){
var b = new Date();
var c = b.toLocaleTimeString();
document.getElementById("clock").innerHTML=c;
}
</script>
</html>Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !
Lecture recommandée :
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
