JavaScriptで動的に時間を表示する方法-jsチュートリアル-php.cn

JavaScriptで動的に時間を表示する方法

青灯夜游

リリース： 2023-01-11 09:20:37

オリジナル

15560 人が閲覧しました

JavaScript で時刻を表示する方法: 1. "new Date()" を使用して日付オブジェクトを定義します; 2. 日付オブジェクトの getFull Year()、getMonth() およびその他のメソッドを使用して年、月を取得します、日、時、分、秒の値を取得して出力します; 3. setTimeout() メソッドを使用して、時刻の値を 1 秒に 1 回更新します。

JavaScriptで動的に時間を表示する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript 動的表示時間実装コード:

<html>
    <head>
        <title>网页中动态的显示系统日期时间</title>
        <script language="JavaScript">
            function startTime()   
            {   
                var today=new Date();//定义日期对象   
                var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    
                var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年    
                var dd = today.getDate();//通过日期对象的getDate()方法返回年     
                var hh=today.getHours();//通过日期对象的getHours方法返回小时   
                var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟   
                var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒   
                // 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09   
                MM=checkTime(MM);
                dd=checkTime(dd);
                mm=checkTime(mm);   
                ss=checkTime(ss);    
                var day; //用于保存星期（getDay()方法得到星期编号）
                if(today.getDay()==0)   day   =   "星期日 " 
                if(today.getDay()==1)   day   =   "星期一 " 
                if(today.getDay()==2)   day   =   "星期二 " 
                if(today.getDay()==3)   day   =   "星期三 " 
                if(today.getDay()==4)   day   =   "星期四 " 
                if(today.getDay()==5)   day   =   "星期五 " 
                if(today.getDay()==6)   day   =   "星期六 " 
                document.getElementById(&#39;nowDateTimeSpan&#39;).innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;   
                setTimeout(&#39;startTime()&#39;,1000);//每一秒中重新加载startTime()方法 
            }   

            function checkTime(i)   
            {   
                if (i<10){
                    i="0" + i;
                }   
                  return i;
            }  
        </script>
    </head>
    <body onload="startTime()" style="background-color: #000000;color: white;">
        当前时间：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font> 
    </body>
</html>

ログイン後にコピー

レンダリング:

JavaScriptで動的に時間を表示する方法

# #メソッドDate オブジェクトの

Date オブジェクトを使用すると、国際標準時 (グリニッジ標準時、現在は UTC 協定世界時と呼ばれています) を基準とした相対時間、または Flash プレーヤーの実行時間を取得できます。オペレーティングシステムの時刻と日付。 Date オブジェクトのメソッドを使用するには、まず Date オブジェクトのインスタンスを作成する必要があります。

Date オブジェクトでは Flash 5 以降のプレーヤーを使用する必要があります。

Date オブジェクトのメソッドは静的ではありませんが、使用時に指定された個々のエンティティに適用できます。

Date オブジェクトのメソッド紹介:

getDate ｜現地時間に基づいて現在の日付 (月の日) を取得します

getDay ｜ Based現地時間今日の曜日を取得します (0-日曜日、1-月曜日…)
getFull Year | 現地時間に基づいて現在の年 (4 桁) を取得します
getHours | Get現地時間に基づく現在の時間数 (24 時間形式、0 ～ 23)
getMilliseconds | 現地時間に基づいて現在のミリ秒数を取得します
getMinutes | 現在の時間数を取得します現地時間に基づく分
getMonth | 現地時間に基づいて取得する現在の月 (0 から始まることに注意してください: 0-1 月、1-2 月...)
getSeconds | 取得現地時間に基づく現在の秒数
getTime | 1970.1.1 から UTC 形式を取得します 0: 00 からのミリ秒数
getTimezoneOffset | 現在時刻と UTC 形式のオフセット値を取得します (分単位)
getUTCDate | 現在の日付を UTC 形式で取得します (月の日付)
getUTCDay | 今日の曜日を UTC 形式で取得します (0-日曜日、1-月曜日…)
getUTCFull Year | 現在の年を UTC 形式 (4 桁) で取得します
getUTCHours | 現在の時間数を UTC 形式で取得します (24 時間形式、0 ～ 23)
getUTCMilliseconds | 現在のミリ秒数を UTC 形式で取得します
getUTCMinutes | 現在の分数を UTC 形式で取得します
getUTCMonth | 現在の月を UTC 形式で取得します (注) 0 から始まること: 0-Jan、1-Feb...)
getUTCSeconds | UTC 形式で現在の秒を取得します
get Year | 現地時間に基づいて現在の短縮年を取得します (現在の年 - 1900)
setDate | 現在の日付 (月の日) を設定します
setFull Year | 現在の年 (4 桁) を設定します
setHours | を設定します現在の時間数 (24 時間形式、0 ～ 23)
setMilliseconds | 現在のミリ秒数を設定します
setMinutes | 現在の分数を設定します
setMonth |現在の月を設定します (0 から始まることに注意してください: 0-Jan、1-Feb...)
setSeconds | 現在の秒を設定します
setTime | 1970.1.1 から UTC 形式を設定します 0: 00
setUTCDate | 現在の日付を UTC 形式 (月の日) で設定します
setUTCFul Year | 現在の年を UTC 形式 (4 桁) で設定します

setUTCHours | 現在の時間数を UTC 形式で設定します (24 時間形式、0 ～ 23)
setUTCMilliseconds | 現在のミリ秒数を UTC 形式で設定します
setUTCMinutes | Set UTC 形式での現在の分数
setUTCMonth | 現在の月を UTC 形式で設定します (0 から始まることに注意してください: 0-1 月、1-2 月...)
setUTCSeconds |現在の秒を UTC 形式で設定します。
set Year | 現在の年を短縮して設定します (現在の年から 1900 を引いた値)
toString | 日付と時刻の値を " 形式の文字列値に変換します。 date/time"
Date.UTC | 指定された UTC 固定時刻値を日付と時刻の形式で返します