JavaScript金典案例，獲取當前實時時間

lt;head>

<title>獲取當前時間，精確到秒</title>

window.onload=function(){

setInterval(function(){

var date=new Date();

var year=date.getFullYear(); //獲取當前年份

var mon=date.getMonth()+1; //獲取當前月份

var da=date.getDate(); //獲取當前日

var day=date.getDay(); //獲取當前星期幾

var h=date.getHours(); //獲取小時

var m=date.getMinutes(); //獲取分鐘

var s=date.getSeconds(); //獲取秒

var d=document.getElementById('Date');

d.innerHTML='當前時間:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;

},1000)

}

</script>

</head>

<body>

</div>

</body>

一、顯示效果

二、實現過程

1、引入jquery

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

2、html代碼

<div id="aa" style="width:1200px; margin:30px auto; height:200px; border:1px solid; font-size:100px;"></div>

3、jquery代碼

Web開發中，經常需要獲取當前的日期和時間，以便于在頁面中顯示或進行相應的操作。JavaScript提供了一些內置的方法，可以方便地獲取當前的日期和時間。

獲取當前日期

要獲取當前的日期，我們可以使用Date對象的getDate()、getMonth()和getFullYear()方法。具體步驟如下：

創建一個Date對象，沒有傳入任何參數，即默認為當前時間。
使用getDate()方法獲取當前的日期。
使用getMonth()方法獲取當前的月份，注意月份是從0開始計數的，所以需要加1。
使用getFullYear()方法獲取當前的年份。

下面是一個示例代碼：

var now=new Date();
var day=now.getDate();
var month=now.getMonth() + 1;
var year=now.getFullYear();
console.log("當前日期為：" + year + "-" + month + "-" + day);

運行上述代碼，控制臺將輸出當前日期，例如：當前日期為：2023-10-31。

獲取當前時間

要獲取當前的時間，我們可以使用Date對象的getHours()、getMinutes()和getSeconds()方法。具體步驟如下：

創建一個Date對象，沒有傳入任何參數，即默認為當前時間。
使用getHours()方法獲取當前的小時數。
使用getMinutes()方法獲取當前的分鐘數。
使用getSeconds()方法獲取當前的秒數。

下面是一個示例代碼：

var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
console.log("當前時間為：" + hours + ":" + minutes + ":" + seconds);

運行上述代碼，控制臺將輸出當前時間，例如：當前時間為：13:24:21。

獲取當前日期和時間

如果需要同時獲取當前的日期和時間，可以將上述兩個步驟合并。具體步驟如下：

創建一個Date對象，沒有傳入任何參數，即默認為當前時間。

下面是一個示例代碼：

var now=new Date();
var day=now.getDate();
var month=now.getMonth() + 1;
var year=now.getFullYear();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
console.log("當前日期和時間為：" + year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds);

運行上述代碼，控制臺將輸出當前日期和時間，例如：當前日期和時間為：2023-10-31 13:25:13。

總結

通過JavaScript的Date對象，我們可以方便地獲取當前的日期和時間。通過使用getDate()、getMonth()、getFullYear()、getHours()、getMinutes()和getSeconds()方法，可以輕松地獲取所需的日期和時間信息。

在線咨詢

上一篇：WPF和WinForm技術有什么區別？哪個更加有前景
下一篇：HTML 元素與標簽

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JavaScript金典案例，獲取當前實時時間

二、實現過程

獲取當前日期

獲取當前時間

獲取當前日期和時間

總結

您的項目需求