HTML 中獲取現在時間,實時時間獲取


 

JavaScript   Date 對象

                           Date 對象用於處理日期與實際。

創建 Date 對象:

                 var now  =  new Date().

 

方法 描述
getDate() 從 Date 對象返回一個月中的某一天 (1 ~ 31)。
getDay() 從 Date 對象返回一周中的某一天 (0 ~ 6)。
getFullYear() 從 Date 對象以四位數字返回年份
getHours() 返回 Date 對象的小時 (0 ~ 23)。
getMilliseconds() 返回 Date 對象的毫秒(0 ~ 999)。
getMinutes() 返回 Date 對象的分鍾 (0 ~ 59)。
getMonth() 從 Date 對象返回月份 (0 ~ 11)。
getSeconds() 返回 Date 對象的秒數 (0 ~ 59)。
   
setDate() 設置 Date 對象中月的某一天 (1 ~ 31)。
setFullYear() 設置 Date 對象中的年份(四位數字)。
setHours() 設置 Date 對象中的小時 (0 ~ 23)。
setMilliseconds() 設置 Date 對象中的毫秒 (0 ~ 999)。
setMinutes() 設置 Date 對象中的分鍾 (0 ~ 59)。
setMonth() 設置 Date 對象中月份 (0 ~ 11)。
setSeconds() 設置 Date 對象中的秒鍾 (0 ~ 59)。
setTime() setTime() 方法以毫秒設置 Date 對象。
   

 

 

<script type="text/javascript">

    var span = document.getElementById("spandate");

    var now = new Date();

    var year = now.getFullYear();//
    var month = now.getMonth() + 1;//月  (注意:月份+1)
    var date = now.getDate();//
   
    if (month < 10) {
        month = "0" + month;
    }
    if (date < 10) {
        date = "0" + date;
    }
   
    span.innerText = year + "-" + month + "-" + date;
   


</script>
js 中獲取現在時間 年-月-日

 

 

2、實時顯示時間 

 

<p id="time1" ></p>




<script type ="text/javascript" >

    function mytime() {

        var a = new Date();

        var b = a.toLocaleTimeString();

        var c = a.toLocaleDateString();

        document.getElementById("time1").innerHTML = c + "&nbsp" + b;

    }

    setInterval(function () { mytime() }, 1000);

</script>
View Code

 

toLocaleTimeString()

           根據本地時間把 Date 對象的時間部分轉換為字符串,並返回結果。

                            e:   下午2:21:21

toLocaleDateString()

          根據本地時間把 Date 對象的日期部分轉換為字符串,並返回結果。

                           e:  2017/8/14

 

 

<%@ page language="C#" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<script type="text/javascript">

function getTime() {

    var dateObj = new Date();

    var year = dateObj.getFullYear();//

    var month = dateObj.getMonth()+1;//月  (注意:月份+1)

    var date = dateObj.getDate();//

    var day = dateObj.getDay();

    var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

    var week = weeks[day];//根據day值,獲取星期數組中的星期數。

    var hours = dateObj.getHours();//小時

    var minutes = dateObj.getMinutes();//分鍾

    var seconds = dateObj.getSeconds();//

    if(month<10){
        month = "0"+month;
    }
    if(date<10){
        date = "0"+date;
    }
    if(hours<10){
        hours = "0"+hours;
    }
    if(minutes<10){
        minutes = "0"+minutes;
    }
    if(seconds<10){
        seconds = "0"+seconds;
    }

    var newDate = year+""+month+""+date+""+hours+":"+minutes+":"+seconds+"&nbsp &nbsp"+week;

    document.getElementById("date1").innerHTML = "時間顯示:" + newDate;//在div中寫入時間

    setTimeout('getTime()', 500);//每隔500ms執行一次getTime()

}

</script>


<title>實時顯示時間</title>
</head>

<body onload="getTime()">

    <div id="date1"></div>

</body>

</html>
View Code

 

獲取到的月份加一

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM