So legen Sie das Cover-Timing in HTML fest-HTML-Tutorial-php.cn

So legen Sie das Cover-Timing in HTML fest

藏色散人

Freigeben： 2023-01-03 09:25:28

Original

3397 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!