Maison > Article > interface Web > Comment définir le timing de couverture en HTML

Comment définir le timing de couverture en HTML

藏色散人original: 2021-02-25 10:54:173393parcourir

Comment définir le timing de couverture en HTML : créez d'abord un fichier d'exemple HTML ; puis définissez la fonction de timing jishi() pour calculer le temps de séjour ; puis définissez un programme stopjishi() pour arrêter le timing et enfin ajoutez ; un bouton d'arrêt du chronométrage et la zone de texte pour l'affichage du chronométrage suffit.

L'environnement d'exploitation de cet article : système Windows 7, HTML5, ordinateur Dell G3.

Comment afficher l'heure d'accès aux pages Web dans la conception de sites Web HTML

Après avoir ouvert l'éditeur de texte ou le bloc-notes, entrez la balise html de base

<html>
<head></head>
<body></body>
</html>

Comment définir le timing de couverture en HTML

Cliquez sur la balise head

, saisissez la balise <script> à la fin et déclarez plusieurs variables b, c et t. <pre class="brush:php;toolbar:false"><script type="text/javascript"> var b=0 var c=0 var t </script></pre><p><img src="https://img.php.cn/upload/image/679/116/895/1614221404418222.png" title="1614221404418222.png" alt="Comment définir le timing de couverture en HTML"/><p>Définissez la fonction de synchronisation jishi() pour calculer le temps de séjour. Définissez le paramètre setTimeout sur 1 000 millisecondes. [Recommandé : <a href="https://www.php.cn/course/list/11.html" target="_blank">Tutoriel vidéo HTML]<pre class="brush:php;toolbar:false"> function jishi() { document.getElementById(&#39;tt&#39;).value=c c=c+1 t=setTimeout("jishi()",1000) if(c==60) { c=0; b=b+1; xs.value=b } }</pre><p><img src="https://img.php.cn/upload/image/637/161/268/1614221435178403.png" title="1614221435178403.png" alt="Comment définir le timing de couverture en HTML"/><p>Puis définissez un programme pour arrêter le timing stopjishi() <pre class="brush:php;toolbar:false">function stopjishi() { clearTimeout(t) }</pre><p><img src="https://img.php.cn/upload/image/941/160/923/1614221444748577.png" title="1614221444748577.png" alt="Comment définir le timing de couverture en HTML"/> <p>Cliquez sur la balise <body> pour démarrer le chronométrage lorsque la page Web s'ouvre<pre class="brush:php;toolbar:false"><body onLoad="jishi()"></pre><p><img src="https://img.php.cn/upload/image/329/778/298/1614221463392215.png" title="1614221463392215.png" alt="Comment définir le timing de couverture en HTML"/><p>Ensuite, ajoutez un bouton d'arrêt du chronométrage et un affichage du chronométrage dans le texte. sous la zone de texte. <pre class="brush:php;toolbar:false"><form> <input type="button" value="停止计时！" onClick="stopjishi()"> <br><br></pre><p>Vous êtes resté <input id="xs">minutes<pre class="brush:php;toolbar:false"><input id="tt">秒<br><br> </form></pre><p><img src="https://img.php.cn/upload/image/906/316/292/1614221474621337.png" title="1614221474621337.png" alt="Comment définir le timing de couverture en HTML"/><p>Ajoutez une description textuelle et le processus de chronométrage est terminé. Enregistrez le code compilé au format html et ouvrez la page Web pour voir l'effet ! <pre class="brush:php;toolbar:false"><p> 打开网页后开始从0计时。点击网页上的“停止计时”按钮可停止。 </p></pre><p><img src="https://img.php.cn/upload/image/742/891/717/1614221492207722.png" title="1614221492207722.png" alt="Comment définir le timing de couverture en HTML"/></script>

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：Que dois-je faire si l’introduction de js dans le HTML ne prend pas effet ?Article suivant：Que dois-je faire si l’introduction de js dans le HTML ne prend pas effet ?

Articles Liés

Voir plus