コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jsで現在時刻を表示する方法（コード）

jsで現在時刻を表示する方法（コード）

不言
リリース： 2018-08-20 14:56:07
オリジナル
2163 人が閲覧しました

この記事の内容はjsでの現在時刻表示の実装方法（コード）ですので、お困りの方は参考にしていただければ幸いです。 

<html>
  <head>
    <title>js实现当前日期显示</title>

   
  </head>

  <body style="text-align: center">

    <div>
      <span id="curTime" style="font-size: 18px;color: #00be67"></span>
    </div>

  </body>

  <script type="text/javascript" charset="utf-8">
  $(function(){

  var date = new Date();
          var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
          var year = date.getFullYear();
          var month = date.getMonth()+1;
          var day = date.getDate();
          var week = weekDay[date.getDay()];         
          $("#curTime").html(year+"年"+month+"月"+day+"日&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp"+week);
})

   
  </script>

</html>
ログイン後にコピー

関連する推奨事項:

js 表示時間 js 表示最終更新時間_javascript スキル

JS+jQuery 表示起動時間 (秒単位の精度)

JS はリアルタイム表示時間を実現します

以上がjsで現在時刻を表示する方法（コード）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
js
ソース：php.cn
前の記事：JSでのツリーの深さ優先トラバーサルと幅優先トラバーサルのアルゴリズム実装 次の記事：JS正規表現のtest()、exec()、match()の違いの比較（例付き）
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
複数のルートで宣言されたワーカープールは、しきい値を気にせずに CPU 使用率を維持できますか CPU を集中的に使用するタスクを処理するワーカープールを備えた Node.js システムを見つけたいと考えていますが、複数のルートにわたる CPU 使用率については少し混乱してい...
から 2024-04-06 19:54:23
0
1
444
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
Nuxt.js で作成したダッシュボードをデプロイするには SSG を使用する必要がありますか? Nuxt.jsを使用して社内向けのダッシュボードを開発していきます。これは内部ダッシュボードであるため、ユニバーサル スキーマは必要ありません。通常、ほとんどのダッシュボードは S...
から 2024-04-06 13:17:44
0
1
493
Electron はプリロード時に AppData を取得します プリロードされた AppData ディレクトリを取得するにはどうすればよいですか? Background.js[...]asyncfunctioncreateWindow(){co...
から 2024-04-06 11:05:31
0
1
417
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート