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 メソッド
推薦する
vue3+vite プロジェクトで svg を使用する方法の詳細なグラフィック説明
今日、vue3+viteプロジェクトの実践で、svgを使用する場合、以前の記述方法が使用できないこと...
プレーンな JS オブジェクトの代わりに Map を使用する場合
目次1. マップは任意のタイプのキーを受け入れます2. マップにはキー名に関する制限はありません3....
JavaScript が Jingdong の虫眼鏡効果を模倣
この記事では、Jingdongの虫眼鏡効果を実現するためのJavaScriptの具体的なコードを紹介...
WeChatアプレットはシンプルなサイコロゲームを実装します
この記事では、サイコロゲームを実装するためのWeChatアプレットの具体的なコードを参考までに共有し...
Webフロントエンド開発エンジニアが習得すべきコアスキル
Web フロントエンド開発に含まれる内容は、主に W3C 標準の構造、動作、パフォーマンスです。では...
Nginx でバージョン番号を隠す方法
Nginx はバージョン番号を非表示にする実稼働環境では、セキュリティ上の脆弱性の漏洩を避けるために...
CSS子要素選択親要素の実装
通常、CSS セレクターは上から下に選択し、親要素を介して子要素を選択します。では、子要素を介して親...
Vue グローバルメソッドを設定する 2 つの方法
目次1. はじめに2. 最初の方法3. 2番目の方法要約する1. はじめにVue プロジェクトの開発...
Youdaの新しいプチビューの実装
目次序文導入ライブ使いやすいルートスコープマウント要素の指定ライフサイクルコンポーネントグローバル状...
CSS で高さが不明な垂直中央揃えを実装する
この記事では主に、高さが不明な垂直方向の中央揃えを CSS で実装する方法を紹介し、皆さんと共有しま...
RHEL7.5 mysql 8.0.11 インストールチュートリアル
この記事はRHEL7.5でのMySQL 8.0.11のインストールチュートリアルを記録しています。具...
Unicode署名BOMによる事故原因の分析
ここでは、通常ヘッダーとフッターに対して行われるインクルード ファイルを使用している可能性があります...
デザインのヒント: きっと気に入っていただけると思います
<br />このタイトルを見ると、見覚えがあるかもしれません。多くのウェブサイトが同様の...
効率化に役立つ 20 の CSS コーディングのヒント (並べ替え)
この記事では、主要な CSS ウェブサイトで推奨されている 20 個の便利なルールとベスト プラクテ...
Docker バインディング固定 IP/クロスホストコンテナ相互アクセス操作
序文これまでは、パイプワークで割り当てた静的 IP は一時的なものであり、再起動すると無効になってい...