htmlカバー タイミングの設定方法: 最初に HTML サンプル ファイルを作成し、次に滞留時間を計算するためのタイミング関数 jishi() を定義し、次に停止タイミング プログラム stopjishi() を定義し、最後に停止タイミング ボタンを追加します。タイミング表示用のテキストボックスだけで十分です。
#この記事の動作環境: Windows 7 システム、HTML5、Dell G3 コンピューター。
HTML Web デザインで Web ページにアクセスする時間を表示する方法
テキスト エディターまたはメモ帳を開いた後、基本的な HTML タグを入力します
<html>
<head></head>
<body></body>
</html>
ヘッダー タグ をクリックし、その後に <script> タグを入力し、いくつかの変数 b、c、および t を宣言します。 <p><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="HTMLで表紙のタイミングを設定する方法"/>滞留時間を計算するためのタイミング関数 jishi() を定義します。 setTimeout パラメータを 1000 ミリ秒に設定します。 [推奨: <p>HTML ビデオ チュートリアル <a href="https://www.php.cn/course/list/11.html" target="_blank">]<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="HTMLで表紙のタイミングを設定する方法"/>次に、タイミングを停止するプログラムを定義します stopjishi() <p><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="HTMLで表紙のタイミングを設定する方法"/><body> タグをクリックして、Web ページを開いたときに計測を開始します<p><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="HTMLで表紙のタイミングを設定する方法"/>次に、計測停止ボタンと計測表示をテキストボックスの下のテキスト。 <p><pre class="brush:php;toolbar:false"><form>
<input type="button" value="停止计时！" onClick="stopjishi()">
<br><br></pre><input id="xs">分間滞在しました<p><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="HTMLで表紙のタイミングを設定する方法"/>テキストによる説明を追加すると、タイミング プロセスが完了します。コンパイルされたコードを HTML 形式で保存し、Web ページを開いて効果を確認してください。 <p>rreeee<p><img src="https://img.php.cn/upload/image/742/891/717/1614221492207722.png" title="1614221492207722.png" alt="HTMLで表紙のタイミングを設定する方法"/></script>
以上がHTMLで表紙のタイミングを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
