Heim > Web-Frontend > HTML-Tutorial > So legen Sie das Cover-Timing in HTML fest

So legen Sie das Cover-Timing in HTML fest

藏色散人
Freigeben: 2023-01-03 09:25:28
Original
3419 Leute haben es durchsucht

So legen Sie das Cover-Timing in HTML fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie dann die Timing-Funktion jishi(), um die Verweilzeit zu berechnen. Fügen Sie schließlich die Stopp-Timing-Schaltfläche und das Timing hinzu display Nur ein Textfeld.

So legen Sie das Cover-Timing in HTML fest

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5, Dell G3-Computer.

So zeigen Sie den Zeitpunkt des Zugriffs auf eine Webseite im HTML-Webdesign an

Nachdem Sie den Texteditor oder den Editor geöffnet haben, geben Sie das grundlegende HTML-Tag ein

<html>
<head></head>
<body></body>
</html>
Nach dem Login kopieren

So legen Sie das Cover-Timing in HTML fest

Klicken Sie auf das Header-Tag und geben Sie <. ein ;script> nach der Beschriftung und deklarieren Sie mehrere Variablen b, c, t.

<script type="text/javascript">
 var b=0
 var c=0
 var t
 </script>
Nach dem Login kopieren

So legen Sie das Cover-Timing in HTML fest

Definieren Sie die Timing-Funktion jishi(), um die Verweilzeit zu berechnen. Legen Sie den Parameter setTimeout auf 1000 Millisekunden fest. [Empfehlung: HTML-Video-Tutorial]

 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
  }
}
Nach dem Login kopieren

So legen Sie das Cover-Timing in HTML fest

Dann definieren Sie ein Stopp-Timing-Programm stopjishi()

function stopjishi()
{
clearTimeout(t)
}
Nach dem Login kopieren

So legen Sie das Cover-Timing in HTML fest

Klicken Sie auf das -Tag, um das Timing zu starten, wenn die Webseite geöffnet wird

<body onLoad="jishi()">
Nach dem Login kopieren

So legen Sie das Cover-Timing in HTML fest

Dann fügen Sie im Text unten eine Schaltfläche zum Stoppen der Zeitmessung und ein Textfeld für die Zeitanzeige hinzu.

<form>
<input type="button" value="停止计时!" onClick="stopjishi()">
<br><br>
Nach dem Login kopieren

Sie sind Minuten geblieben

<input id="tt">秒<br><br>
</form>
Nach dem Login kopieren

So legen Sie das Cover-Timing in HTML fest

Fügen Sie eine Textbeschreibung hinzu und der Zeitmessvorgang ist abgeschlossen. Speichern Sie den kompilierten Code im HTML-Format und öffnen Sie die Webseite, um den Effekt zu sehen!

<p>
打开网页后开始从0计时。点击网页上的“停止计时”按钮可停止。
</p>
Nach dem Login kopieren

So legen Sie das Cover-Timing in HTML fest

Das obige ist der detaillierte Inhalt vonSo legen Sie das Cover-Timing in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage