JS前端知识点总结之内置对象，日期对象和定时器相关操作

下面是对于“JS前端知识点总结之内置对象，日期对象和定时器相关操作”的完整攻略。

下面是对于“JS前端知识点总结之内置对象，日期对象和定时器相关操作”的完整攻略。

内置对象

概述

JavaScript中提供了很多内置对象，包括但不限于：

• String
• Number
• Boolean
• Array
• Object
• Date
• RegExp
• Math

我们可以用它们提供的方法和属性，来轻松地实现一些功能，从而提高效率。

Date对象

Date对象可以用来处理日期和时间。Date对象的实例用于表示特定的日期和时间。Date提供了解析和输出日期和时间的方法，它的方法非常丰富且用起来非常方便。

创建Date对象

我们可以使用下面的方式来创建Date对象：

var now = new Date();
console.log(now); // 输出结果为：2022-03-02T01:48:41.928Z

我们也可以传递参数来创建Date对象：

var mydate = new Date('2022-01-01');
console.log(mydate); // 输出结果为： Sat Jan 01 2022 08:00:00 GMT+0800 (中国标准时间)

Date对象的方法

Date对象有很多方法，这里只介绍常用的几个：

• getTime()：获取与1970年1月1日0时0分0秒之间的毫秒数。
• getFullYear()：获取年份。
• getMonth()：获取月份，返回的值是0~11，需要加1才是真实的月份。
• getDate()：获取当前月的日期数。
• getDay()：获取星期几，返回的值是0~6，其中0表示星期天。
• getHours()：获取当前的小时数。
• getMinutes()：获取当前的分钟数。
• getSeconds()：获取当前的秒数。
• getMilliseconds()：获取当前的毫秒数。
• toString()：将时间转换为字符串。

下面是一个示例：

var now = new Date();
console.log(now.getTime()); // 输出结果为：1646195626017

console.log(now.getFullYear()); // 输出结果为：2022

console.log(now.getMonth() + 1); // 输出结果为：3 

console.log(now.getDate()); // 输出结果为：1

console.log(now.getDay()); // 输出结果为：2

console.log(now.getHours()); // 输出结果为：17

console.log(now.getMinutes()); // 输出结果为：53

console.log(now.getSeconds()); // 输出结果为：46

console.log(now.getMilliseconds()); // 输出结果为：84

console.log(now.toString()); // 输出结果为：Tue Mar 01 2022 17:53:46 GMT+0800 (中国标准时间)

Date对象的格式化

Date对象也可以进行格式化，将日期转换成我们常见的日期格式。下面是一个示例：

var now = new Date();

console.log(now.toLocaleDateString()); // 输出结果为：2022/3/1

console.log(now.toLocaleTimeString()); // 输出结果为：下午5:57:51

console.log(now.toLocaleString()); // 输出结果为：2022/3/1 下午5:57:51

定时器相关操作

定时器是JavaScript中非常常见的用来执行延迟或周期性任务的工具之一。这里我们主要介绍两种定时器：setTimeout和setInterval。

setTimeout

setTimeout函数用于延迟执行一个页面相关的JavaScript方法。其用法如下：

var timer = setTimeout(fn, [ms]);

其中：

• fn：要延迟执行的方法。
• ms：延迟的毫秒数。

下面是一个示例：

var timer = setTimeout(function(){
    console.log("Hello World!");
}, 2000); // 延迟2秒执行

clearInterval

setInterval函数用于周期性地调用JavaScript方法。其用法如下：

var timer = setInterval(fn, [ms]);

其中：

• fn：要周期执行的方法。
• ms：执行周期，以毫秒为单位。

下面是一个示例：

var timer = setInterval(function(){
    console.log("Hello World!");
}, 1000); // 每隔1秒钟执行一次

需要注意的是，我们需要使用clearInterval()方法来停止定时器：

clearInterval(timer);

结语

以上就是关于JS前端知识点总结之内置对象，日期对象和定时器相关操作的完整攻略，希望对你的学习和工作有所帮助。