HTML で Web ページに動的な時計を書く
|
HTML を使用して動的な Web クロックを作成します。コードは次のとおりです。
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="UTF-8">
<title>時計効果</title>
</head>
<script type="text/javascript">
関数disptime(){
var today = 新しい Date();
var hh=today.getHours();
var mm=today.getMinutes();
var ss = today.getSeconds();
document.getElementById("myclock").innerHTML="<h1>今は—"+hh+":"+mm+":"+ss+"</h1>"
}
//setInterval() メソッドは、指定された期間に従って関数を呼び出したり、式を計算したりできます var mytime = setInterval("disptime()",1000);
</スクリプト>
<body onload="表示時間()">
<div id="myclock"></div>
</本文>
</html> 要約する 上記は、HTML で Web ページに動的な時計を記述する方法について紹介したものです。お役に立てば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: JavaScriptの記事では、Webフォームの操作方法を説明します。
>>: メニューノードのすべての子ノードを再帰的に検索する MySQL メソッド
推薦する
Linuxのtimeコマンドの使い方の詳しい説明
1. コマンドの紹介時間は、コマンドの実行に費やされた時間や関連するシステム リソース、その他の情報...
MySQL スロークエリログの役割と公開
序文MySQL スロー クエリ ログは、MySQL が提供するログ レコードの一種です。これは、応答...
30分でReact Hooksを包括的に理解できます
目次概要1. 使用状態1.1 3つの概念に関する質問1.2 例1.3 注記2. リデューサーを使用す...
nginx の 2 つのモジュールの proxy_pass の違い
1. 1.ngx_stream_proxy_moduleモジュールのproxy_passディレクティ...
ブロックレベル要素、インライン要素、可変要素の概要
ブロック要素p - 段落テキストの事前フォーマットテーブルol - ソートフォームul - 順序なし...
権限の問題によりMySQLの設定ファイルmy.cnfを起動できない問題の解決方法
この記事では、権限の問題により MySQL 構成ファイル my.cnf を起動できない場合の関連する...
MySQLプロセス関数の一般的な使用例の分析
この記事では、例を使用して MySQL プロセス関数の一般的な使用方法を説明します。ご参考までに、詳...
Dockerfileを使用してDockerイメージを構築する
目次Dockerfileを使用してDockerイメージを構築する1. Dockerfile とは何で...
MySQL インデックスの種類 (通常、ユニーク、フルテキスト) の説明
MySQL のインデックスの種類には、通常のインデックス、一意のインデックス、全文インデックスがあり...
LinuxベースのLVMシームレスディスク水平拡張の詳細な説明
環境名前財産CPU 5650 円メモリ4Gディスク20G+4TB この時点で、サーバーにはすでに次の...
Vueはページの部分的なリフレッシュを実装します（ルータビューのページリフレッシュ）
Vue でprovide+inject組み合わせを使用するまず、App.vue を変更する必要があ...
Linux での NTP サーバー設定の詳細な手順
目次1. 環境設定1.NTPサーバー2. ビジネスサーバー2. NTPサーバーの設定1. chron...
CSS3で実装された炎のアニメーション
成果を達成する実装コードhtml <div class="コンテナ">...
MySQL 8.0.22 圧縮パッケージの完全なインストールと構成のチュートリアル図 (テスト済みで効果的)
1. zipインストールパッケージをダウンロードするMySQL サーバー 8.0.22 の圧縮パッ...
MySQL binlog の使用方法の詳細な説明
binlog は、MySQL のすべての DML 操作を記録するバイナリ ログ ファイルです。 bi...