用JavaScript怎样做一个日期倒计时的功能?
Admin 2022-01-15 群英技术资讯 966 次浏览
这篇文章给大家分享的是用JavaScript怎样实现一个日期倒计时的功能。小编觉得挺实用的,因此分享给大家做个参考,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起学习一下吧。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript怎样实现还有多少天多少小时多少分倒计时
使用JavaScript完成指定的日期的倒计时,例如距离活动还有多少时间结束,下面我们通过示例来看一下应该怎样实现;
1.使用时间对象的getTime()方法获取所有的毫秒数
2.将指定时间的毫秒数和当前时间的毫秒数相减得到中间相差的毫秒数
3.每一天的毫秒数为:1000*60*60*24 就是1000毫秒*60秒*60分*24小时等于一天的毫秒数
4.倒过来用总的毫秒数除以一天的毫秒数再使用parseInt方法取整就可以得到整天数
5.相处剩下的我们可以使用取余进行得到
6.所以采用的计算规则如下:
整天:总的毫秒数 / 一天的毫秒数
小时:(总的毫秒数 / 一个小时的毫秒数) % 24小时(因为整小时部分已经被整天拿走了,相除剩下的就是剩余小时数量,再取余24小时就可以得到剩下多少个小时)
分钟和小时的计算一样,去掉整分钟数,用余下的分钟数 % 60分钟就可以得到剩下的分钟数
秒的计算一样
代码:
运行:
以上就是用JavaScript怎样实现一个日期倒计时的功能的介绍,本文只是提供了一种实现思路,代码仅供参考,需要的朋友可以了解看看,希望对大家学习JavaScript有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
现在很多网站都会做弹窗,但是我们知道频繁的弹窗和关闭不了的弹窗都是不利于用户体验的。为了提高用户的弹窗体验,我们能够使用vue实现点击空白区域来关闭弹窗。那么这要如何实现呢?下面给大家分享两个方法。
开发今天给我提了一个sql编辑器输入框比较小,不支持放大,不太方便,下面看下我的处理方法,本文基于React+antd,给大家演示一个完整的全屏demo,感兴趣的朋友一起看看吧
这篇文章主要介绍了通过vue如何设置header,每个项目都有头部但是内容不一样;这种情况我们可以考虑在app.vue中创建公共头部,那么怎么配置公共头部header,下面小编通过实例代码详细讲解,需要的朋友可以参考下
方法:1、使用“数值字符串对象.substring(0,数值字符串对象.indexOf(".")+3)”语句;2、使用“Math.round(数值对象*100)/100”语句;3、使用“数值对象.toFixed(2)”语句。
Javascript修改元素属性怎样做?想要修改元素属性,我们可以使用元素对象.attribute = new value和setAttribute()函数这两种方法,具体怎样使用呢?文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008