javascript怎麼動態顯示時間-js教程-PHP中文網

首頁

web前端

js教程

javascript怎麼動態顯示時間

青灯夜游

Sep 16, 2021 pm 05:04 PM

javascript

javascript顯示時間的方法：1、使用「new Date()」定義日期物件；2、使用日期物件的getFullYear()、getMonth()等方法取得年月日時分秒值並輸出； 3.用setTimeout()方法一秒鐘刷新一次時間值即可。

javascript怎麼動態顯示時間

本教學操作環境：windows7系統、javascript1.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-Universal Coordinated Time）或者是Flash 播放器正運行的作業系統的時間和日期。要使用Date物件的方法，你必須先建立一個Date物件的實體（Instance）。

Date 物件必須使用 Flash 5 或以後版本的播放器。

Date 物件的方法並不是靜態的，但是在使用時卻可以套用於所指定的單獨實體。

Date 物件的方法簡介：

getDate ｜依照本地時間取得目前日期(本月的幾個號碼)

getDay ｜根據本地時間取得今天是星期幾(0-Sunday,1-Monday…)

getFullYear ｜根據本地時間取得當前年份(四位數字)

getHours ｜根據本地時間取得目前小時數( 24小時制,0-23)

getMilliseconds ｜根據本地時間獲取當前毫秒數

getMinutes ｜根據本地時間獲取當前分鐘數

getMonth ｜根據本地時間獲取當前月份(注意從0開始:0-Jan,1-Feb…)

getSeconds ｜依照本地時間取得目前秒數

getTime ｜取得UTC格式的從1970.1.1 0: 00以來的毫秒數

getTimezoneOffset ｜取得目前時間和UTC格式的偏移值(以分鐘為單位)

getUTCDate ｜取得UTC格式的目前日期(本月的幾號)

getUTCDay ｜取得UTC格式的今天是星期幾(0-Sunday,1-Monday…)

getUTCFullYear ｜取得UTC格式的當前年份(四位數字)

getUTCHours ｜取得UTC格式的目前小時數(24小時制,0-23)

getUTCMilliseconds ｜取得UTC格式的目前毫秒數

getUTCMinutes ｜取得UTC格式的目前分鐘數

getUTCMonth ｜取得UTC格式的目前月份(注意從0開始:0-Jan,1-Feb…)

getUTCSeconds ｜取得UTC格式的目前秒數

getYear ｜根據本地時間取得目前縮寫年份(目前年份減去1900)

setDate ｜設定目前日期(本月的幾號)

setFullYear ｜設定目前年份(四位數字)

setHours ｜設定目前小時數(24小時制,0-23)

setMilliseconds ｜設定目前毫秒數

setMinutes ｜設定目前分鐘數

# setMonth ｜設定目前月份(注意從0開始:0-Jan,1-Feb…)

setSeconds ｜設定目前秒數

setTime ｜設定UTC格式的從1970.1.1 0: 00以來的毫秒數

setUTCDate ｜設定UTC格式的當前日期(本月的幾號)

setUTCFullYear ｜設定UTC格式的當前年份(四位數字)

setUTCHours ｜設定UTC格式的目前小時數(24小時制,0-23)

setUTCMilliseconds ｜設定UTC格式的目前毫秒數

setUTCMinutes ｜設定UTC格式的目前分鐘數

setUTCMonth ｜設定UTC格式的目前月份(注意從0開始:0-Jan,1-Feb…)

setUTCSeconds ｜設定UTC格式的目前秒數

setYear ｜設定目前縮寫年份(目前年份減去1900)

toString ｜將日期時間值轉換成」日期/時間」形式的字串值

Date.UTC ｜傳回指定的UTC格式日期時間的固定時間值

【推薦學習：javascript高階教學】

以上是javascript怎麼動態顯示時間的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

Python vs. JavaScript：開發人員的比較分析May 09, 2025 am 12:22 AM

Python和JavaScript的主要區別在於類型系統和應用場景。 1.Python使用動態類型，適合科學計算和數據分析。 2.JavaScript採用弱類型，廣泛用於前端和全棧開發。兩者在異步編程和性能優化上各有優勢，選擇時應根據項目需求決定。

Python vs. JavaScript：選擇合適的工具May 08, 2025 am 12:10 AM

選擇Python還是JavaScript取決於項目類型：1)數據科學和自動化任務選擇Python；2)前端和全棧開發選擇JavaScript。 Python因其在數據處理和自動化方面的強大庫而備受青睞，而JavaScript則因其在網頁交互和全棧開發中的優勢而不可或缺。

Python和JavaScript：了解每個的優勢May 06, 2025 am 12:15 AM

Python和JavaScript各有優勢，選擇取決於項目需求和個人偏好。 1.Python易學，語法簡潔，適用於數據科學和後端開發，但執行速度較慢。 2.JavaScript在前端開發中無處不在，異步編程能力強，Node.js使其適用於全棧開發，但語法可能複雜且易出錯。

JavaScript的核心：它是在C還是C上構建的？May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc; sanInterpretedlanguagethatrunsonenginesoftenwritteninc.1）JavascriptwasdesignedAsignedAsalightWeight，drackendedlanguageforwebbrowsers.2）Enginesevolvedfromsimpleterterpretpretpretpretpreterterpretpretpretpretpretpretpretpretpretcompilerers，典型地，替代品。

JavaScript應用程序：從前端到後端May 04, 2025 am 12:12 AM

JavaScript可用於前端和後端開發。前端通過DOM操作增強用戶體驗，後端通過Node.js處理服務器任務。 1.前端示例：改變網頁文本內容。 2.後端示例：創建Node.js服務器。

Python vs. JavaScript：您應該學到哪種語言？May 03, 2025 am 12:10 AM

選擇Python還是JavaScript應基於職業發展、學習曲線和生態系統：1)職業發展：Python適合數據科學和後端開發，JavaScript適合前端和全棧開發。 2)學習曲線：Python語法簡潔，適合初學者；JavaScript語法靈活。 3)生態系統：Python有豐富的科學計算庫，JavaScript有強大的前端框架。

JavaScript框架：為現代網絡開發提供動力May 02, 2025 am 12:04 AM

JavaScript框架的強大之處在於簡化開發、提升用戶體驗和應用性能。選擇框架時應考慮：1.項目規模和復雜度，2.團隊經驗，3.生態系統和社區支持。

JavaScript，C和瀏覽器之間的關係May 01, 2025 am 12:06 AM

引言我知道你可能會覺得奇怪，JavaScript、C 和瀏覽器之間到底有什麼關係？它們之間看似毫無關聯，但實際上，它們在現代網絡開發中扮演著非常重要的角色。今天我們就來深入探討一下這三者之間的緊密聯繫。通過這篇文章，你將了解到JavaScript如何在瀏覽器中運行，C 在瀏覽器引擎中的作用，以及它們如何共同推動網頁的渲染和交互。 JavaScript與瀏覽器的關係我們都知道，JavaScript是前端開發的核心語言，它直接在瀏覽器中運行，讓網頁變得生動有趣。你是否曾經想過，為什麼JavaScr

See all articles