var atime; fonction c"/> Minuterie d'augmentation automatique var atime; fonction c">
recherche

Maison >interface Web >js tutoriel >Implémentation du minuteur javascript

Implémentation du minuteur javascript

一个新手
一个新手original
2017-10-16 09:56:311427parcourir

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>自动增长计时器</title>
<script type="text/javascript">
  var atime;
  function clock(){
    var time=new Date();          
    atime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
    document.getElementById("clock").value = atime;
  }
 setInterval(clock,1000); 
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"  style="background:#000;color:#00ff00;width:55px"; />
</form>
</body>
</html>

Effet :

Afficher l'heure actuelle, augmenter automatiquement

Ajouter une minuterie de bouton (pour démarrer et mettre en pause)

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>

<script type="text/javascript">
  var num=0;
  var i;
  function startCount(){
    document.getElementById(&#39;count&#39;).value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
  function stopCount(){
  clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" value="Start" onclick="startCount()"/>
    <input type="button" value="Stop"  onclick="stopCount()" />
  </form>
</body>
</html>

Effet :

Cliquez sur le bouton Démarrer pour compter à partir de 0 et ajoutez 1 chaque seconde. Cliquez sur le bouton pour arrêter et maintenir l'état actuel.

Résumé :

1. setInterval (code, temps d'interaction) ;

Paramètres : code : peut être un nom de fonction ou une chaîne de code : définir l'interaction ; time

clearInterval(id_from_setInterval);

Paramètre : valeur d'ID renvoyée par setInterval().

2. setTimeout (code, temps de retard) ;

Paramètres : code : Il peut s'agir d'un nom de fonction ou d'une chaîne de code : définir le temps de retard

clearTimeout (id_from_setTimeout) ;

Paramètre : valeur d'ID renvoyée par setTimeout().

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!

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：Comment créer une animation d'horloge à l'aide de CanvasArticle suivant：Comment créer une animation d'horloge à l'aide de Canvas

Articles Liés

Voir plus