Js日期对象的基本使用

最新推荐文章于 2024-02-22 12:30:00 发布
最新推荐文章于 2024-02-22 12:30:00 发布
阅读量8.3k 收藏
点赞数
文章标签： javascript 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Halo29817/article/details/123357489
版权

开发工具与关键技术： DW前端开发

作者：许越

撰写时间：2022/3/8

第一步：首先把日期对象显示时间的样式写出来，如上图.

第二步：是不是需要进行开始的点击时间，让时间自动显示成当前的时间，如上图.

第三步：点击停止按钮事件让当前的时间停止.如上图.

第四步：上js代码，看上图，我们了解了日期对象的基本思路过后，就可以开始写js代码，怎么去写呢，我们先了解一下，整个网页的样式中，哪个样式需要进行事件交互，是不是开始这个按钮需要点击事件的交互，停止按钮是不是也需要，那点击按钮的时候交互的事件是不是显示时间，我们了解了页面中这几个样式需要进行交互事件后，就开始写Js代码，先给两个按钮声明变量，只有声明了变量，才能去使用它，还要声明一个变量，等于false，为什么要声明这个变量呢，是为了防止后期进行多次点击按钮出现bag的情况，为了解决多次点击出现bag，就需要使用这个布尔对象，false，true，怎么使用，具体看上图，然后我们写一个开始按钮的点击事件，再点击事件上用setTimeout,这个方法是属于window的，用来指定毫秒数之后执行调用函数或计算表达式，接下来我们也给停止按钮的点击事件用clearTimeout,这个方法是基于setTimeout来用的，可以取消setTimeout方法设置的定时操作，但是这个方法的参数必须是由setTimeout返回的ID值，两个按钮的点击事件写好之后，我们用Date这个日期对象，这个方法可以用来返回当日的日期和时间，然后用变量去获取时分秒，之后用字符串加法的方式把它们结合起来，用innerHTML去把他显示到页面上，这样一个显示日期就做好啦，具体代码在上图.

Halo29817
关注
JavaScript 日期对象
Likeyou113的博客
03-15 3332
我们今天就来学习一下JavaScript 日期对象，我们这个日期对象主要可以用于获取到当前时间，或者未来某天时间，还有时间戳计算。 下面就跟我来学习吧。 一、日期对象Date Date对象：这个Date是一个内建对象，在JS中使用Date对象来表示一个时间。 我们可以用Date() 创建一个Date对象，如果时间使用构造函数创建一个Date对象,则会封装为当前代码执行的时间。 案例： 如果我们想要创建一个指定的时间函数，我们则需要在构造函数中传递一个表示时间的字符串作为参数使用。
JavaScript日期对象(Date)基本用法示例
10-20
主要介绍了JavaScript日期对象(Date)基本用法,结合实例形式较为详细的分析了JavaScript日期对象(Date)获取日期、时间戳、年月日、星期及日期比对等操作技巧,需要的朋友可以参考下
js日期对象的使用方式
weixin_45216092的博客
10-13 289
JS日期对象的创建和使用方式 var oDate = new Date(); //创建日期对象 oDate.getFullyear(); //年 oDate.getMonth() + 1; //月份的格式是0-11 所以显示的时候我们要+1 oDate.getDate(); //日 oDate.getHours()； //时 oDate.getMin...
js的关于日期对象的使用
xsj_boke的博客
05-09 181
var myDate = new Date(); myDate.getYear();//获取当前年份(2位) myDate.getFullYear();//获取完整的年份(4位,1970-????) myDate.getMonth();//获取当前月份(0-11,0代表1月) myDate.getDate();//获取当前日(1-31) myD...
js日期对象
DreamFJ的博客
09-25 367
获取当月第一天new Date(year,month-1,1); 获取当月最后一天new Date(year,month,0);（越界自动进/退位） 例如想要获取2016年12月份的最后一天可以用：new Date(2016,11,31);但是由于每一个月的天数都不一样，所以可以直接用new Date(2016,12,0)。两者返回结果一样。...
JavaScript内置对象 之 日期对象
qq_55031668的博客
10-30 962
四、日期对象 Date()日期对象：是一个构造函数，必须使用new来调用创建我们的日期对象。 var arr = new Array(); //创建一个数组对象 var obj = new Object(); //创建了一个对象实例 1、使用Date 如果没有参数 返回当前系统的当前时间 var date = new Date(); console.log(date); //获取当前时间 2、参数常用的写法 数字型2021,10,22 或者是 字符串型’2
javascript的日期对象、数组对象、二维数组使用说明
10-25
本文将深入探讨JavaScript中的三个关键概念：日期对象、数组对象以及二维数组。 一、日期对象 JavaScript的Date对象用于处理日期和时间。创建一个日期对象的基本语法是`new Date([参数])`。以下是一些常见的使用...
javascript格式化指定日期对象的方法
10-24
本文详细介绍了如何使用JavaScript对指定的日期对象进行格式化，以及一些相关的技巧。 在JavaScript中，Date对象用于处理日期和时间。我们可以通过创建一个新的Date对象来获取当前日期和时间，也可以通过Date对象的...
js日期对象兼容性的处理方法
10-26
为了处理JavaScript日期对象的兼容性问题，尤其是针对IE浏览器，开发者需要了解如何编写能够兼容不同浏览器的代码。以下是一些处理JavaScript日期对象兼容性的知识点和方法。 首先，我们通常使用Date对象的构造函数...
Date日期对象的使用
qq_44303191的博客
07-16 210
Date对象方法： 首先得先创建一个时间对象 new Date() get系列： getDate（） 返回一个月中的某一天（1-31） getDay（） 　　 返回一周中的某一天（0-6） getFullYear（）　　返回四位数的年份 getMonth（）　　　返回月份（0-11 0是一月） getHours（）　　　返回的是当前的小时（0-23） getMinutes（）　　返回的是当前的分钟（0-59） getSeconds（）　 返回的是当前
JavaScript中日期对象Date详解
weixin_44691513的博客
07-13 712
JavaScript中日期对象Date详解 创建对象 ECMAScript 中的Date 类型是在早期Java 中的java.util.Date 类基础上构建的。为此，Date类型使用自UTC（Coordinated Universal Time，国际协调时间）1970 年1 月1 日午夜（零时）开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下 Date 类型保存的日期能够精确到1970 年1月1 日之前或之后的285616 年。 <script> var c=new Date();
JavaScript 对象
dvhsf的博客
03-13 918
JavaScript 对象 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：MVC 作者：周政杰 撰写时间：2022/3/10 JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 布尔型可以是一个对象。 数字型可以是一个对象。 字符串也可以是一个对象 日期是一个对象 数学和正则表达式也是对象 数组是一个对象 甚至函数也可以是对.
日期对象
Care_about的博客
05-15 534
一、创建日期对象在JavaScript中，创建日期对象必须使用“new语句”。使用关键字new新建日期对象时，常用的有2种：方法一：var 日期对象名 = new Date();方法二：var 日期对象名 = new Date(日期字符串);方法二的日期字符串可以是以下几种形式：（1）”2015-5-3” （2）”May 3,2015” （3）”2015/5/3”其实创建日期对象不止这2种形式，
date对象的应用和常用方法
weixin_41218855的博客
04-27 879
一、date对象的基本应用 1、空构造函数获取当前时间 var d = new Date(); console.log(d); 结果如下： 2、构造函数中传入毫秒值 获取对应时间 var a = new Date(1502088177988); console.log(a); 3.可以传入日期形式的字符串 var b = Date('1998-8-8 8:8:...
Js日期对象
weixin_57762639的博客
03-20 647
1.日期对象用于处理日期和时间。 2.使用 Date() 方法获得当日的日期。 代码<script type="text/javascript"> document.write(Date()) </script>获取当日的日期 3. getTime() 可以获取从 1970 年 1 月 1 日至今的毫秒数。 <script type="text/javascript"> var d=new Date(); document.write("从 1
JS之日期对象
最新发布
AZURE060606的博客
02-22 755
将时间戳转换为当前地区的时间并用字符串格式化。默认创建当前时间的对象。
日期对象的常用方法
jq1223的博客
01-17 238
日期对象的定义方式: var datce = new Date(); toString() 日期转字符串 【图丝吹应】 toLocaleString() 日期转本地格式字符串 【图楼口丝吹应】 getFullYear() 获取年份 【盖特否耶儿】 getMonth() 获取月份【盖特忙死】 getDate() 获取天数 【盖特dei特】 getDay() 获取星期数 【盖特dei】 getHours() 获取小时数 【盖特啊我儿丝】 getMinutes() 获取分钟数 【盖特米内次】 getS
JS时间对象
不凡乃大的博客
05-13 1101
1、时间对象 获取年、月、日、时、分、秒 var date = new Date();//时间对象 var gmt = date.toGMTString();//时间对象转换成字符串，获取格林威治时间 ​ /* 年 */ var year = date.getFullYear(); /* 月 */ var month = date.getMonth() + 1;//外国的月份是从0开始的所以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值