<bdo id='mxASq'></bdo><ul id='mxASq'></ul>

    <legend id='mxASq'><style id='mxASq'><dir id='mxASq'><q id='mxASq'></q></dir></style></legend>
      <tfoot id='mxASq'></tfoot>

      <small id='mxASq'></small><noframes id='mxASq'>

      <i id='mxASq'><tr id='mxASq'><dt id='mxASq'><q id='mxASq'><span id='mxASq'><b id='mxASq'><form id='mxASq'><ins id='mxASq'></ins><ul id='mxASq'></ul><sub id='mxASq'></sub></form><legend id='mxASq'></legend><bdo id='mxASq'><pre id='mxASq'><center id='mxASq'></center></pre></bdo></b><th id='mxASq'></th></span></q></dt></tr></i><div id='mxASq'><tfoot id='mxASq'></tfoot><dl id='mxASq'><fieldset id='mxASq'></fieldset></dl></div>
    1. JS前端知识点总结之内置对象,日期对象和定时器相关操作

      时间:2023-12-10
      • <bdo id='s7Uxc'></bdo><ul id='s7Uxc'></ul>

      • <tfoot id='s7Uxc'></tfoot>

        <small id='s7Uxc'></small><noframes id='s7Uxc'>

              <i id='s7Uxc'><tr id='s7Uxc'><dt id='s7Uxc'><q id='s7Uxc'><span id='s7Uxc'><b id='s7Uxc'><form id='s7Uxc'><ins id='s7Uxc'></ins><ul id='s7Uxc'></ul><sub id='s7Uxc'></sub></form><legend id='s7Uxc'></legend><bdo id='s7Uxc'><pre id='s7Uxc'><center id='s7Uxc'></center></pre></bdo></b><th id='s7Uxc'></th></span></q></dt></tr></i><div id='s7Uxc'><tfoot id='s7Uxc'></tfoot><dl id='s7Uxc'><fieldset id='s7Uxc'></fieldset></dl></div>
              <legend id='s7Uxc'><style id='s7Uxc'><dir id='s7Uxc'><q id='s7Uxc'></q></dir></style></legend>

                  <tbody id='s7Uxc'></tbody>

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

                上一篇:深入理解JavaScript中的对象 下一篇:关于@JSONField和@JsonFormat的使用区别说明

                相关文章

                  <i id='CKYIf'><tr id='CKYIf'><dt id='CKYIf'><q id='CKYIf'><span id='CKYIf'><b id='CKYIf'><form id='CKYIf'><ins id='CKYIf'></ins><ul id='CKYIf'></ul><sub id='CKYIf'></sub></form><legend id='CKYIf'></legend><bdo id='CKYIf'><pre id='CKYIf'><center id='CKYIf'></center></pre></bdo></b><th id='CKYIf'></th></span></q></dt></tr></i><div id='CKYIf'><tfoot id='CKYIf'></tfoot><dl id='CKYIf'><fieldset id='CKYIf'></fieldset></dl></div>
                1. <small id='CKYIf'></small><noframes id='CKYIf'>

                  1. <legend id='CKYIf'><style id='CKYIf'><dir id='CKYIf'><q id='CKYIf'></q></dir></style></legend>

                      <bdo id='CKYIf'></bdo><ul id='CKYIf'></ul>
                    <tfoot id='CKYIf'></tfoot>