下面是对于“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前端知识点总结之内置对象,日期对象和定时器相关操作的完整攻略,希望对你的学习和工作有所帮助。
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!