日期对象Date

开发工具与关键技术: DW/js

作者:梁水秀

撰写时间:2022/4/7

一,利用Date日期对象 完成一个倒计时的效果

Date对象:在js中使用Date对象来表示一个时间

1,页面上给一个div把要写的文字放进来把天,小时,分钟,秒分别放在4个span标签里面,因为要获取元素给每一个span标签给一个id

计算出来的结果放到span标签里面。

2,首先要获取指定的时间和现在的时间

3,计算时间差。用指定的时间减去现在的时间,得出来的就是毫秒

4,获取天数。用得出来的毫秒数(spanTime)除去 秒数,分钟,小时,天数;但是在页面

只要前面的整数,后面的数字还要计算转换

5,取整数。Math.floor()可以对一个数向下取整,小数点后面的数字会舍掉

 

6,获取小时数。spanTime是毫秒数.days是天数,days还要转换毫秒数

 

7,获取分钟。

 

8,获取秒数。

 

7,整体样式写完了,但是我们想要的效果是里面的时间不断的刷新,跟着我系统的时间走,

就要在现在的时间里加上一个间隔性定时器,每秒执行一次

8,把代码放到定时器里

小结:重点(主要掌握date日期对象,一个是指定的时间还有一个是现在时间,来计算时间戳):

     难点:(计算天数,时,分,秒)

这是我所学到的Date日期对象,所以我要分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值