首页 >web前端 >js教程 > 正文

javascript如何设置时间

原创2021-04-08 11:38:330582

javascript设置时间的方法:1、【setFullYear()】方法设置日期对象的年份;2、【setMonth()】方法设置日期对象的月份;3、【setDate()】方法设置日期对象的日。

本教程操作环境: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中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 设置时间
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • JavaScript基本语法及基本语句视频教程JavaScript基本语法及基本语句视频教程
  • JavaScript标准参考手册JavaScript标准参考手册
  • JavaScript极速入门JavaScript极速入门
  • JavaScript对象与常用设计模式JavaScript对象与常用设计模式
  • JavaScript 经典案例JavaScript 经典案例
  • 视频教程分类