ホームページ > 記事 > ウェブフロントエンド > jQueryを使って現在の時刻と曜日を取得する方法
Web ページでは、現在時刻と曜日を取得する必要があることがよくあります。このとき、jQuery を使用して取得できます。特にリアルタイムで時刻を更新する必要がある場合は、比較的簡単です。 jQueryで実装します。
今回はjQueryを使って現在時刻と曜日を取得する方法を紹介しますので、皆様のお役に立てれば幸いです。
jQuery は現在時刻を実装します
次は、jQuery を使用して現在時刻を取得するコードです:
$(document).ready(function () { var date = new Date(); var time = date.toLocaleTimeString(); $('#time').text(time); });
このコードの説明:
は、ページ要素が操作できることを確認するために、ページがロードされた後にこの関数を実行することを意味します。
は、現在の時刻を取得し、取得した時刻を変数
dateに代入するメソッドです。
toLocaleTimeString() メソッドを使用して時間をローカライズし、変数
time に割り当てます。 。
取得した時刻をページ上で指定した要素
#time に更新します。
nbsp;html> <meta> <title>jQuery获取当前时间</title> <script></script> <div></div> <script> $(document).ready(function () { var date = new Date(); var time = date.toLocaleTimeString(); $('#time').text(time); }); </script>結果は図に示すとおりです。 jQuery は曜日次は、jQuery を使用して曜日を取得するためのコードです:
$(document).ready(function () { var date = new Date(); var day = date.getDay(); var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; $('#week').text(weeks[day]); });このコードの説明:
Yes 現在の曜日を取得し、取得した曜日を変数
day に代入するメソッド。
配列を定義し、格納します各週の名前。
取得した曜日をページで指定した要素
#weekに更新します。
nbsp;html> <meta> <title>jQuery获取星期几</title> <script></script> <div></div> <script> $(document).ready(function () { var date = new Date(); var day = date.getDay(); var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; $('#week').text(weeks[day]); }); </script>結果は図に示すとおりです。 jQuery は現在時刻と曜日の組み合わせ次は、jQuery を使用して現在時刻と曜日を同時に取得するコードです:
$(document).ready(function () { setInterval(function () { var date = new Date(); var time = date.toLocaleTimeString(); var day = date.getDay(); var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; $('#time').text(time); $('#week').text(weeks[day]); }, 1000); });このコードの説明:
このメソッドは時刻と曜日を毎秒更新します。
取得した時刻をページ上で指定した要素
#time に更新します。
取得した曜日をページで指定した要素
#weekに更新します。
nbsp;html> <meta> <title>jQuery获取当前时间和星期几</title> <script></script> <div></div> <div></div> <script> $(document).ready(function () { setInterval(function () { var date = new Date(); var time = date.toLocaleTimeString(); var day = date.getDay(); var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; $('#time').text(time); $('#week').text(weeks[day]); }, 1000); }); </script>結果は図に示すとおりです: 概要合格 この記事を学習することで、jQuery を使用して現在の時刻と曜日を取得する方法をマスターできます。 実際の開発では、ニーズに応じて上記の方法を使用して、より良いユーザー エクスペリエンスを実現できます。
以上がjQueryを使って現在の時刻と曜日を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。