开发工具与关键技术: 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日期对象,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!