Maison > Article > interface Web > Comment définir le timing de couverture en HTML
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>
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!