首頁 > web前端 > js教程 > javascript如何設定時間

javascript如何設定時間

coldplay.xixi
發布: 2023-01-04 09:35:06
原創
6048 人瀏覽過

javascript設定時間的方法:1、【setFullYear()】方法設定日期物件的年份;2、【setMonth()】方法設定日期物件的月份;3、【setDate()】方法設定日期對象的日。

javascript如何設定時間

本教學操作環境:windows7系統、javascript1.8.5版,DELL G3電腦。

javascript設定時間的方法:

setFullYear() 方法

setFullYear() 方法設定日期物件的年份。這個範例設定為2020 年:

實例

<script>
var d = new Date();
d.setFullYear(2020);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

setFullYear() 方法可以選擇設定月和日:

實例

<script>
var d = new Date();
d.setFullYear(2020, 11, 3);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

setMonth () 方法

setMonth() 方法設定日期物件的月份(0-11):

實例

<script>
var d = new Date();
d.setMonth(11);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

setDate() 方法

setDate() 方法設定日期物件的日(1-31):

實例

<script>
var d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

setDate() 方法也可用來將天數加到日期:

實例

<script>
var d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

如果新增天數,切換月份或年份,則變更將由Date 物件自動處理。

setHours() 方法

setHours() 方法設定日期物件的小時(0-23):

實例

<script>
var d = new Date();
d.setHours(22);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

setMinutes() 方法

setMinutes() 方法設定日期物件的分鐘(0-59):

實例

<script>
var d = new Date();
d.setMinutes(30);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

#setSeconds () 方法

setSeconds() 方法設定日期物件的秒數(0-59):

實例

<script>
var d = new Date();
d.setSeconds(30);
document.getElementById("demo").innerHTML = d;
</script>
登入後複製

比較日期

日期可以很容易地進行比較。

下面的範例把今日與2049 年1 月16 日進行比較:

實例

var today, someday, text;
today = new Date();
someday = new Date();
someday.setFullYear(2049, 0, 16);
if (someday > today) {
  text = "今天在 2049 年 1 月 16 日之前";
} else {
  text = "今天在 2049 年 1 月 16 日之后";
}
document.getElementById("demo").innerHTML = text;
登入後複製

##相關免費學習推薦:javascript(影片)

以上是javascript如何設定時間的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板