recherche

Maison  >  Article  >  interface Web  >  JS implémente un retour en temps réel de la fonction d'heure actuelle

JS implémente un retour en temps réel de la fonction d'heure actuelle

php中世界最好的语言
php中世界最好的语言original
2018-04-16 16:57:331636parcourir

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!

php JavaScript html JS function dom
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：L'en-tête de tableau fixe fait défiler le formulaire horizontalementArticle suivant：L'en-tête de tableau fixe fait défiler le formulaire horizontalement

Articles Liés

Voir plus