博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 正计时和倒计时
阅读量:5034 次
发布时间:2019-06-12

本文共 1693 字,大约阅读时间需要 5 分钟。

showTimeIncrease(){//正计时     var self = this;     let count=0;     self.handle1 =  setInterval(() => {
var hour = 0, minute = 0, second = 0; hour=parseInt(count/60/60); minute=parseInt(count/60%60); second=parseInt(count%60); this.html=self.toDouble(hour)+":"+self.toDouble(minute)+":"+self.toDouble(second); count++; },1000);
toDouble(num){
if(num < 10){
return '0'+ num; }else{
return '' + num; } }
remainingTime(years){//倒计时     var self = this;     var dateFinal = new Date(years);  //设置倒计时到达时间     var dateNow = new Date();  //获取系统当前时间     var dateSub = dateFinal - dateNow;  //计算差值,单位毫秒     self.timeHtml  =  '00天00小时00分钟';     if(dateSub<=0){
clearInterval(self.intervalDelete); return; } var day = hour = minute = second = dayBase = hourBase = minuteBase = secondBase = 0; //初始化各个数值 dayBase = 24 * 60 * 60 * 1000; //计算天数的基数,单位毫秒。1天等于24*60*60*1000毫秒 hourBase = 60 * 60 * 1000; //计算小时的基数,单位毫秒。1小时等于60*60*1000毫秒 minuteBase = 60 * 1000; //计算分钟的基数,单位毫秒。1分钟等于60*1000毫秒 secondBase = 1000; //计算秒钟的基数,单位毫秒。1秒钟等于1000毫秒 day = Math.floor(dateSub / dayBase); //计算天数,并取下限值。如 5.9天 = 5天 hour = Math.floor(dateSub % dayBase / hourBase); //计算小时,并取下限值。如 20.59小时 = 20小时 minute = Math.floor(dateSub % dayBase % hourBase / minuteBase); //计算分钟,并取下限值。如 20.59分钟 = 20分钟 //当天数小于等于0时,就不用显示 if(day <= 0){
self. timeHtml = self.toDouble(hour) + '小时' +self.toDouble(minute) + '分钟'; }else{
self.timeHtml = day + '天' + self.toDouble(hour) + '小时' + self.toDouble(minute) + '分钟'; } }

转载于:https://www.cnblogs.com/susuhyc/p/6899994.html

你可能感兴趣的文章
C#微信登录-手机网站APP应用
查看>>
HTML5实践 -- iPhone Safari Viewport Scaling Bug
查看>>
一位数据挖掘成功人士 给 数据挖掘在读研究生 的建议
查看>>
Python3.6.0安装
查看>>
hdu1049
查看>>
H5项目常见问题及注意事项
查看>>
索尼(SONY) SVE1512S7C 把WIN8降成WIN7图文教程
查看>>
时间模块 && time datetime
查看>>
jquery自动生成二维码
查看>>
spring回滚数据
查看>>
新浪分享API应用的开发
查看>>
美国专利
查看>>
【JavaScript】Write和Writeln的区别
查看>>
百度编辑器图片在线流量返回url改动
查看>>
我对你的期望有点过了
查看>>
微信小程序wx:key以及wx:key=" *this"详解:
查看>>
下拉框比较符
查看>>
2.2.5 因子的使用
查看>>
css选择器
查看>>
photoplus
查看>>