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前端知识点总结之内置对象,日期对象和定时器相关操作的完整攻略,希望对你的学习和工作有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS前端知识点总结之内置对象,日期对象和定时器相关操作 - Python技术站

(0)
上一篇 2023年5月26日
下一篇 2023年5月26日

相关文章

  • Bootstrap 下拉多选框插件Bootstrap Multiselect

    Bootstrap Multiselect 是一种基于 Bootstrap 框架的下拉多选框插件,可以帮助开发人员快速创建具有多选能力的下拉菜单控件。 安装 Bootstrap Multiselect Bootstrap Multiselect 可以通过以下几种方式进行安装: 1. 使用 CDN 在 HTML 文件中引入以下两个脚本即可: <scrip…

    Java 2023年6月16日
    00
  • 详解Java中对象池的介绍与使用

    详解Java中对象池的介绍与使用 对象池是一种常见的对象创建和管理技术,主要用于提高对象创建和销毁的性能和效率。在Java中,使用对象池可以有效地减少垃圾回收和对象创建的开销,提高系统的性能和稳定性。 对象池的概述 对象池是一种对象创建和存储技术,主要用于缓存和复用经常使用的对象,避免重复创建和销毁对象导致的性能开销。相比于直接创建和销毁对象,使用对象池可以…

    Java 2023年5月26日
    00
  • SpringBoot嵌入式Web容器原理与使用介绍

    SpringBoot嵌入式Web容器原理与使用介绍 什么是SpringBoot嵌入式Web容器 SpringBoot是基于Spring框架的一个快速开发框架,它内置了多种Web容器,可以很方便地选择使用嵌入式Web容器,而不需要依赖外置的Web容器。SpringBoot嵌入式Web容器是指将Web容器嵌入到应用程序中,将应用程序打成可执行的jar或war包后…

    Java 2023年5月20日
    00
  • Java中jstat命令的使用详解

    Java中jstat命令的使用详解 什么是jstat命令? jstat是一个用于监控Java虚拟机(JVM)统计信息的命令行工具。使用jstat命令可以查看JVM堆、垃圾回收、类加载等方面的实时统计信息。jstat命令可以用于调试JVM性能问题和进行故障诊断。 jstat命令的语法 jstat命令有以下的语法: jstat [option vmid [int…

    Java 2023年5月26日
    00
  • Spring中BeanFactory和ApplicationContext的作用和区别(推荐)

    BeanFactory和ApplicationContext的区别 BeanFactory是Spring Framework中最基础的IOC容器,用于创建和管理应用中的Bean对象,提供对依赖注入(DI)和面向切面编程(AOP)的基本支持。 ApplicationContext是一个高级的IOC容器,它扩展了BeanFactory,并提供了更多的企业级功能,…

    Java 2023年5月19日
    00
  • 浅析Java中Data类的应用

    浅析Java中Data类的应用 什么是Data类 Data类是Java中常用的日期操作类,用于处理日期和时间,并提供了对日期和时间的格式化,解析,计算以及转换等操作。 Data类位于java.util包中,可以通过import java.util.Data;来引入。 Data类的基本用法 创建Data对象 在Java中,我们可以通过多种方式创建Data对象。…

    Java 2023年5月20日
    00
  • 使用java的Calendar对象获得当前日期

    要使用Java的Calendar对象获得当前日期,有以下几个步骤: 1. 创建一个Calendar对象 需要导入java.util.Calendar类,创建Calendar对象,可以使用Calendar类中提供的静态方法getInstance()来获取当前时间的Calendar对象。 import java.util.Calendar; Calendar c…

    Java 2023年5月20日
    00
  • javascript修改IMG标签的src问题

    如果需要修改HTML文档中的标签的src属性,可以使用JavaScript来实现该功能。以下是几种实现该功能的方法: 方法一:使用getElementById() // 获取img元素 var img = document.getElementById("example-img"); // 修改src属性 img.src = "…

    Java 2023年6月15日
    00
合作推广
合作推广
分享本页
返回顶部