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ターミナルでファイルを作成する2つの一般的な方法を簡単に理解する
mkdir コマンドを使用して新しいディレクトリを作成できることは誰もが知っていますが、多くの場合、...
MySQL の時間設定に関する考慮事項の詳細な要約
時間は本当に存在するのでしょうか？時間は人間が考え出した概念に過ぎず、物事の変化を測る基準に過ぎない...
CSS3 を使用して 3D テキスト ホバー効果を実装するサンプル コード
この記事では、3D テキストのホバー変更効果を実現するための CSS3 のサンプル コードを紹介しま...
Windows プラットフォーム構成 5.7 バージョン + MySQL データベース サービス
ルートユーザーのパスワードを初期化するプロセスと、よくある2つの問題の解決策が含まれています。 1....
Vue は Tencent TIM インスタント メッセージングを統合します
この記事では主に、Tencent TIM インスタント メッセージングを Vue と統合する方法を紹...
MySQL ストアド プロシージャを作成 (CREATE PROCEDURE) して呼び出す (CALL) 方法と、変数を作成 (DECLARE) して割り当てる (SET) 方法
この記事では、例を使用して、MySQL ストアド プロシージャを作成 (CREATE PROCEDU...
MySQL 8.0 の統計が不正確である理由
序文Oracle であれ MySQL であれ、新バージョンで導入された新機能は、一方では製品の機能性...
ウェブ標準学習リソースの素晴らしいコレクション
これらの仕様は、下位互換性のあるドキュメントを Web 上で公開し、できるだけ幅広いユーザーがアクセ...
jQuery はテーブルのページング効果を実装します
この記事では、テーブルのページング効果を実現するためのjQueryの具体的なコードを参考までに紹介し...
mysql5.7.19 winx64 インストールおよび構成方法のグラフィック チュートリアル (win10)
mysql 5.7.19 winx64のインストールチュートリアルは以下のように記録され、みんなと...
CSS3 は下部に固定されたフッターを実装します (ページの高さに関係なく常に下部にあります)
序文フッター領域を下部に固定します。ページの高さや幅に関係なく、モバイル メニューと同様に、フッター...
JavaScriptプロトタイプチェーンを理解する
目次1. プロトタイプとプロトタイプチェーンの平等関係を理解する2: プロトタイプとプロトタイプ チ...
MySQL 5.7.17 winx64 無料インストールバージョン設定方法グラフィックチュートリアル
mysql5.7.17無料インストールバージョンのインストールに関する最近の経験1.ダウンロードして...
Nginx 仮想ホストを構成する 3 つの方法 (ポートベース) の詳細な説明
Nginx は、IP ベースの仮想ホスト構成、ポート ベースの仮想ホスト構成、ドメイン名ベースの仮想...
CSS 背景と境界タグの例の詳細な説明
1. CSS背景タグ1.背景色を設定するbackground-ground-color プロパティは...