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 メソッド
推薦する
Docker ベースの MySQL マスタースレーブ レプリケーションを実装する方法
序文MySQL マスター/スレーブ レプリケーションは、アプリケーションの高パフォーマンスと高可用性...
MySQL 5.6 ルートパスワード変更チュートリアル
1. MySQL 5.6をインストールした後、正常に有効化できないMySQL の圧縮バージョンは、解...
JavaScript 型検出方法の例のチュートリアル
序文JavaScriptはWebフロントエンドで広く使われている言語の一つであり、Webアプリケーシ...
docker-swarm をベースにした継続的インテグレーション クラスタ サービスの構築の詳細な説明
序文この記事は私自身の製作過程の簡単な記録です。練習中に質問があれば、一緒に話し合うことができます。...
Visual Studio Codeを使用してMySqlデータベースに接続し、クエリを実行します。
Visual Studio Code は、Microsoft が開発した強力なテキスト エディター...
ブラウザタブの左端に表示されるウェブサイトのアイコンを設定します
この文の目的は何ですか?コードをコピーコードは次のとおりです。 <link rel="...
MySQL 5.7.27 のインストールと設定方法のグラフィックチュートリアル
MySQL 5.7.27のインストールチュートリアルは以下のように記録され、皆さんと共有されています...
Vue cli開発に基づく外部コンポーネントVantのデフォルトスタイルの変更の詳細な説明
目次序文1. 少ない2. コンポーネントをインポートする3. 設定ファイルを変更するステップ1: l...
WeChatアプレットのオーディオコンポーネントがiOSで再生できない問題の解決策
解決策:クリック イベントをオーディオ コンポーネントにバインドし、再生メソッドと一時停止メソッドを...
Dockerを使用してSpring Bootプロジェクトをデプロイする手順
目次シンプルなSpringbootプロジェクトを作成する1. pom.xmlでSpring Boot...
Linux ログ内のキーワードとその前後の情報を検索する方法の例
日常業務では、ログを表示する必要がよくあります。たとえば、 tail コマンドを使用してログをリアル...
Linux ファイアウォールの状態確認方法の例
Linuxファイアウォールの状態を確認する方法1. 基本操作 # ファイアウォールのステータスを表示...
MySQL 8.0.18 のさまざまなバージョンのインストールとインストール中に発生した問題 (要点の要約)
概要: MYSQLの問題解決記録:どのようなインストール方法 (rpm、gz、gz.xz) を使用す...
WeChat アプレットのシンプルなログイン ページの実装 (ソース コード付き)
目次1. 上の写真2. ユーザーが存在しない3. コードをアップロードする1. 上の写真 2. ユー...
webpack と rollup を使用してコンポーネント ライブラリをパッケージ化する方法
序文以前、ローディングスタイルのコンポーネントを作成しました。コードの再利用性を実現するために、この...