下面是对于“JS前端知识点总结之内置对象,日期对象和定时器相关操作”的完整攻略。
JavaScript中提供了很多内置对象,包括但不限于:
我们可以用它们提供的方法和属性,来轻松地实现一些功能,从而提高效率。
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对象有很多方法,这里只介绍常用的几个:
下面是一个示例:
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对象也可以进行格式化,将日期转换成我们常见的日期格式。下面是一个示例:
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函数用于延迟执行一个页面相关的JavaScript方法。其用法如下:
var timer = setTimeout(fn, [ms]);
其中:
下面是一个示例:
var timer = setTimeout(function(){
console.log("Hello World!");
}, 2000); // 延迟2秒执行
setInterval函数用于周期性地调用JavaScript方法。其用法如下:
var timer = setInterval(fn, [ms]);
其中:
下面是一个示例:
var timer = setInterval(function(){
console.log("Hello World!");
}, 1000); // 每隔1秒钟执行一次
需要注意的是,我们需要使用clearInterval()方法来停止定时器:
clearInterval(timer);
以上就是关于JS前端知识点总结之内置对象,日期对象和定时器相关操作的完整攻略,希望对你的学习和工作有所帮助。