原生js倒计时
来源:互联网 发布:进销存软件源码下载 编辑:程序博客网 时间:2024/05/21 17:35
原生js倒计时
此倒计时是一个刚入门俩月的菜鸟所写,大佬,大神,大牛请无视
本人在写倒计时的时候各种百度,发现那些代码太多了,我只想找一个超级简单的
就是这种的,但是发现代码一大堆啊,看的我头晕目眩,没办法只好自己写了
写之前你要明白这几句是啥意思
new Date() //当前时间getTime() //指定的日期和时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数
能明白这两句的用法基本上就简单了,下面上代码
<script type="text/javascript"> function djs(){ var p = document.getElementById("p") var myDate = new Date() //获取的当前时间(本机时间) var newDate = new Date("2017/8/12 18:00:00") //未来的时间(自定义的) var intDate = (newDate.getTime() - myDate.getTime())/1000 var h = parseInt((intDate / 3600) % 24), m = parseInt((intDate / 60) % 60), s = parseInt(intDate % 60); p.innerHTML = "距结束还剩"+h+"时"+m+"分"+s+"秒" } setInterval(function(){ //定时器 djs() },1000)</script>
解释一下这句代码:
var intDate = (newDate.getTime() - myDate.getTime())/1000
newDate是未来的某个时间,newDate.getTime()是未来的那个时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数
myDate是现在的时间,myDate.getTime()是现在的时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数
用未来得到的毫秒数减去现在得到的毫秒数就可以得到未来到现在中间间隔的毫秒数
然后在进行转化
var h = parseInt((intDate / 3600) % 24), m = parseInt((intDate / 60) % 60), s = parseInt(intDate % 60);
就能得到24小时格式的时间,然后用计时器便可将倒计时实现出来
附上自己QQ:923798729
欢迎单身妹纸进行技术交流
阅读全文
1 0
- 原生JS倒计时
- 原生js 页面倒计时
- js原生倒计时
- 原生js倒计时
- js原生-倒计时
- 原生js实现倒计时
- 利用原生Js方法实现发送验证码倒计时
- 用原生js实现距离今年年底倒计时效果
- 原生js倒计时,距离51放假还有多长时间
- 使用原生js写一个日期的倒计时
- 倒计时(原生写法)
- js 倒计时
- 倒计时js
- 倒计时js
- JS倒计时
- js 倒计时
- js 倒计时
- js倒计时
- 学习笔记TF036:实现Bidirectional LSTM Classifier
- 自已动手编译Linux系统-基于ALFS的LFS8.0实践(五)
- net中多文档程序中父窗口和子窗口菜单的合并中菜单项的,MergeAction和MergeIndex属性浅谈
- Tesseract4.0+win10+2015编译
- 17暑假多校联赛6.8 HDU 6103 Kirinriki
- 原生js倒计时
- 设计模式OOP原则
- linux下安装usb转pl2303串口驱动
- 不需要预训练模型的检测算法—DSOD
- 算法排序之插入排序
- Spring自定义tag标签及使用
- 线程干扰错误
- HDU6090-Rikka with Graph
- 求解一元二次方程的解