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

So legen Sie das Cover-Timing in HTML fest

藏色散人Original: 2021-02-25 10:54:173318Durchsuche

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.

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>

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>

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
  }
}

So legen Sie das Cover-Timing in HTML fest

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

function stopjishi()
{
clearTimeout(t)
}

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()">

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>

Sie sind Minuten geblieben

<input id="tt">秒<br><br>
</form>

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>

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!

Stellungnahme：

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

Vorheriger Artikel：Was soll ich tun, wenn die Einführung von js in HTML keine Wirkung zeigt?Nächster Artikel：Was soll ich tun, wenn die Einführung von js in HTML keine Wirkung zeigt?

In Verbindung stehende Artikel

Mehr sehen