活动倒计时-天时分秒(兼容ios,定时器的使用以及其注意事项)
时间:2020-01-15
本文章向大家介绍活动倒计时-天时分秒(兼容ios,定时器的使用以及其注意事项),主要包括活动倒计时-天时分秒(兼容ios,定时器的使用以及其注意事项)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
倒计时代码(兼容ios)
timer(){
let u = navigator.userAgent;
if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){ //ios端
let iosPreTime=this.predate.split(/[- :]/) //ios端与安卓端时间格式不同,需做兼容处理
let preTime = new Date(iosPreTime[0],iosPreTime[1]-1,iosPreTime[2],iosPreTime[3],iosPreTime[4],iosPreTime[5]).getTime()
this.countTimes=setInterval(()=>{
let nowTime = new Date().getTime();
let obj = null;
if(preTime - nowTime > 0){
let time = (preTime - nowTime) / 1000;
let day = parseInt(time / (60 * 60 * 24));
let hou = parseInt(time % (60 * 60 * 24) / 3600);
let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
obj = {
day: day<10?'0'+day:day,
hou: hou<10?'0'+hou:hou,
min: min<10?'0'+min:min,
sec: sec<10?'0'+sec:sec
};
this.timing = obj.day + '天' + obj.hou + '时' + obj.min + '分' + obj.sec + '秒';
} else {
obj = {day:'00',hou:'00',min:'00',sec:'00'};
clearInterval(this.countTimes)
}
},1000)
}else{ //非ios端 --- 安卓端,pc端
let preTime = new Date(this.predate).getTime() //注意后端接口返回的predate格式应为 2020-02-02 20:20:20
this.countTimes=setInterval(()=>{
let nowTime = new Date().getTime();
let obj = null;
if(preTime - nowTime > 0){
let time = (preTime - nowTime) / 1000;
let day = parseInt(time / (60 * 60 * 24));
let hou = parseInt(time % (60 * 60 * 24) / 3600);
let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
obj = {
day: day<10?'0'+day:day,
hou: hou<10?'0'+hou:hou,
min: min<10?'0'+min:min,
sec: sec<10?'0'+sec:sec
};
this.timing= obj.day + '天' + obj.hou + '时' + obj.min + '分' + obj.sec + '秒';
} else {
obj = {day:'00',hou:'00',min:'00',sec:'00'};
clearInterval(this.countTimes)
}
},1000)
}
},
原文地址:https://www.cnblogs.com/huihuihero/p/12195643.html
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- Angular input控件的click事件表达式如何被转换成JavaScript函数
- Angular input控件的click事件响应处理的调用上下文
- SAP Spartacus cms.service.ts getComponentData
- toString如何转json
- DàYé玩转数据战略Step By Step
- 突发!Windows XP 源代码泄露
- SAP Spartacus打印Occ endpoint请求的url
- 线上发生死锁异常了,该怎么办
- jQuery 元素操作
- jQuery 文本属性值
- jQuery 属性操作
- 方老师聊Nginx知识点
- 《Java从入门到失业》第五章:继承与多态(5.1-5.7):继承
- 【赵渝强老师】Flink的DataSet算子
- Node.js 案发现场揭秘 —— 文件句柄泄露导致进程假死