包含45个方法的日期时间处理：延迟加载、定时轮询、计算时差、倒计时、获取日期时间 |
您所在的位置：网站首页 › 日期倒计时计算 › 包含45个方法的日期时间处理：延迟加载、定时轮询、计算时差、倒计时、获取日期时间 |
|
更新记录
1.1.2（2021-12-01）
新增获取明天的日期 1.1.1（2021-11-29）修改获取最近X天取值错误的bug 查看更多 平台兼容性 Vue2 Vue3 √ √ App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用 2.9.9 app-vue app-nvue √ √ √ √ √ √ H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari √ √ √ √ √ √ √ √ √ 插件介绍 timer库支持获取当前日期时间、时间差、延迟执行、自定义多个轮询等功能 插件特色 无论项目多大，全局仅仅只需要一个定时器，减少内存消耗，防止定时器过多导致的系统崩溃 交流沟通加群交流QQ群：1078718987 引入SDK import timer from './static/timer.js' 内置方法 1、start(reset) 开启定时任务reset 布尔值，是否开启单页任务，即进入新页面时，重置所有定时任务，默认true，即开启 timer.start() 2、remove(taskId) 移除指定任务 // 移除指定单个任务 timer.remove('test') // 移除指定多个任务 timer.remove(['test1', 'test2']) 3、clear() 移除所有任务 timer.clear() 4、delay(tasks) 延时任务链(每个任务仅执行一次)tasks 要延时执行的任务，支持单个(JSON)，也支持同时多个(jsonArray)，包含的参数有： func-任务名（特别说明，不能加括号） delay-延迟执行时间，单位毫秒 param-任务参数，支持合法的格式 // 执行单个延时任务 timer.delay({ func: this.test, delay: 5000 }) // 执行多个延时任务 timer.delay([ { // 延迟5秒执行 func: this.test1, delay: 5000 }, { // 延迟10秒执行 func: this.test2, delay: 10000 } ]) 5、chain(tasks) 定时任务链(每个任务按照指定间隔循环执行)tasks 要延时执行的任务，支持单个(JSON)，也支持同时多个(jsonArray)，包含的参数有： id-任务ID func-任务名（特别说明，不能加括号） delay-延迟执行时间，单位毫秒 param-任务参数，支持合法的格式 interval-间隔执行时间，单位毫秒，默认1000 time-定时执行时间，支持yyyy-mm-dd hh:mm:ss、yyyy-mm-dd、hh:mm:ss // 同时添加多个循环任务 timer.chain([ { id: 'test1', func: this.test1, delay: 2000, interval: 1000, param: 5 }, { id: 'test2', func: this.test2, interval: 1000, param: {name: 'test'} } ]) // 同时添加多个定时任务 timer.chain([ { // 在指定的某个具体时间定时执行（年月日时分秒均须固定2位） id: 'test1', func: this.test1, param: 5, time: '2021-05-22 12:00:00' }, { // 在指定的某个日期的00:00:00定时执行（不传入时间时，默认00:00:00） id: 'test2', func: this.test2, time: '2021-05-22' }, { // 在每天的某个时间点定时执行（时分秒均须固定2位） id: 'test3', func: this.test3, time: '00:30:20' } ]) 6、getYearDates(year=0, bool=true, separ='-') 获取指定年月内的日期year 整数值，年份(4位)，当前年份时传入0 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getYearDates() 7、getYearMonthDates(year, month, isAll=false, bool=true, separ='-') 获取指定年月内的日期year 整数值，年份(4位) month 整数值，月份 isAll 布尔值，是否返回指定年月内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getYearMonthDates(2021, 11) 8、getThisMonthDates(isAll=false, bool=true, separ='-') 获取本月内的日期isAll 布尔值，是否返回本月内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getThisMonthDates() 9、getLastMonthDates(isAll=false, bool=true, separ='-') 获取上月内的日期isAll 布尔值，是否返回上月内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getLastMonthDates() 10、getNextMonthDates(isAll=false, bool=true, separ='-') 获取下月内的日期isAll 布尔值，是否返回下月内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getNextMonthDates() 11、getRangeWeekDates(step=0, isAll=false, bool=true, separ='-') 获取向前向后推的X周内的日期step 整数值，表当向前向后推的多少周，本周时为0 isAll 布尔值，是否返回本周内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getRangeWeekDates() 12、getThisWeekDates(isAll=false, bool=true, separ='-') 获取本周日期isAll 布尔值，是否返回本周内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getThisWeekDates() 13、getLastWeekDates(isAll=false, bool=true, separ='-') 获取上周日期isAll 布尔值，是否返回上周内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getLastWeekDates() 14、getNextWeekDates(isAll=false, bool=true, separ='-') 获取下周日期isAll 布尔值，是否返回下周内的所有连续日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getNextWeekDates() 15、getTomorrow(bool=true, separ='-') 获取明天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 年月日分隔，默认-，设置为text时为年月日 timer.getTomorrow() 16、getYesterday(bool=true, separ='-') 获取昨天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 年月日分隔，默认-，设置为text时为年月日 timer.getYesterday() 17、getToday(bool=true, separ='-') 获取今天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 年月日分隔，默认-，设置为text时为年月日 timer.getToday() 18、getYearMonthLastDate(year=0, month=0, bool=true, separ='-') 获取指定年月的最后一天的日期year 整数值，年份(4位)，当前年份时传入0 month 整数值，月份，当前月份时传入0 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getYearMonthLastDate() 19、getThisMonthLastDate(bool=true, separ='-') 获取本月最后一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getThisMonthLastDate() 21、getLastMonthLastDate(bool=true, separ='-') 获取上月最后一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getLastMonthLastDate() 21、getNextMonthLastDate(bool=true, separ='-') 获取下月最后一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getNextMonthLastDate() 22、getRangeWeekLastDate(step=0, bool=true, separ='-') 获取向前向后推的X周最后一天的日期step INT，获取向前向后的X周，0-本周，1-下周，2-后2周，-1-上周，-2-上2周 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getRangeWeekLastDate() 23、getThisWeekLastDate(bool=true, separ='-') 获取本周最后一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getThisWeekLastDate() 24、getLastWeekLastDate(bool=true, separ='-') 获取上周最后一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getLastWeekLastDate() 25、getNextWeekLastDate(bool=true, separ='-') 获取下周最后一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getNextWeekLastDate() 26、getRangeWeekFirstDate(step=0, bool=true, separ='-') 获取向前向后推的X周第一天的日期step INT，获取向前向后的X周，0-本周，1-下周，2-后2周，-1-上周，-2-上2周 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getRangeWeekFirstDate() 27、getThisWeekFirstDate(bool=true, separ='-') 获取本周第一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getThisWeekFirstDate() 28、getLastWeekFirstDate(bool=true, separ='-') 获取上周第一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getLastWeekFirstDate() 29、getNextWeekFirstDate(bool=true, separ='-') 获取下周第一天的日期bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getNextWeekFirstDate() 30、getLatestDates(days=7, isAll=false, bool=true, separ='-') 获取最近几天内的日期days 整数，最近几天，默认7天 isAll 布尔值，是否显示所有日期，默认否 bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 字符串，年月日分隔，默认-，设置为text时为年月日 timer.getLatestDates() 31、getYear(bool) 获取当前年份bool 布尔值，是否获取完整年份，true-是（默认），false-否 timer.getYear() 32、getMonth(bool) 获取当前月份bool 布尔值，是否固定月份为2位，true-是（默认），false-否 timer.getMonth() 33、getDate(bool) 获取当前日期bool 布尔值，是否固定日期为2位，true-是（默认），false-否 timer.getDate() 34、getYearMonth(bool, separ) 获取当前年月bool 布尔值，是否设置月份固定2位，true-是（默认），false-否 separ 年月之间的分隔，默认- timer.getYearMonth() 35、getYearMonthDate(bool, separ) 获取当前年月日bool 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ 年月日分隔，默认- timer.getYearMonthDate() 36、getDateTime(bool1, separ1, bool2, separ2) 获取当前日期时间bool1 布尔值，是否设置月日固定2位，true-是（默认），false-否 separ1 年月日分隔，默认- bool2 布尔值，是否设置时分秒固定2位，true-是（默认），false-否 separ3 时分秒之间的分隔，默认: timer.getDateTime() 37、getTime(bool, separ) 获取当前时分秒bool 布尔值，是否设置时分秒固定2位，true-是（默认），false-否 separ 时分秒之间的分隔，默认: timer.getTime() 38、getHours(bool) 获取当前小时数bool 布尔值，是否固定小时数为2位，true-是（默认），false-否 timer.getHours() 39、getMinutes(bool) 获取当前分钟数bool 布尔值，是否固定分钟数为2位，true-是（默认），false-否 timer.getMinutes() 40、getSeconds(bool) 获取当前秒数bool 布尔值，是否固定秒数为2位，true-是（默认），false-否 timer.getSeconds() 41、getStamp(bool) 获取当前时间戳，单位为毫秒bool 布尔值，设置单位是否为毫秒，默认是，false时返回的时间戳单位为秒 timer.getStamp() 42、getWeek(type) 获取当前星期几type 返回的星期格式，可选值有： 0-周x，默认 1-星期x 2-礼拜x 3-英文 4-英文简写 timer.getWeek() 43、getDiff(timestamp) 获取某个时间距离当前时间多久timestamp 时间戳，支持秒和毫秒 return 刚刚、x分钟前、x小时前、x天前、年-月-日 timer.getDiff('1621700428560') 44、roll(param) 数字自增长param.number: 增加到的目标值，默认为0 param.step: 增加的步长值，默认为1 param.start: 初始值，默认为0 param.speed: 变化的时间，单位毫秒，默认10毫秒 param.formate: 是否开启数值千分位，默认为false param.change: 监听数值增值变化 timer.roll({ number: 100, step: 1, change: number=>{ console.log(number) } }); 45、countdown(param) 倒计时param.id: 唯一标识符 param.seconds: 倒计时时间，单位秒 param.change: 倒计时回调 param.done: 倒计时结束回调 timer.countdown({ id: 'test', seconds: 36, change: res=>{ this.time = `${res.days}天${res.hours}时${res.minutes}分${res.seconds}秒` }, done: ()=>{ console.log('倒计时结束') } });支持的方法有：pause()、start(seconds)、restart(seconds) 1) pause() 暂停当前倒计时 oTimer.pause();2) start(seconds) 开始当前倒计时 seconds: 可选，单位为秒，有值时，会从当前值开始倒计时 // 从当前暂停时间开始继续倒计时 oTimer.start(); // 从200秒开始倒计时 oTimer.start(200);3) restart(seconds) 重新开始倒计时 seconds: 可选，单位为秒，有值时，会从当前值重新开始倒计时 // 从默认开始时间重新倒计时 oTimer.restart(); // 从200秒重新倒计时 oTimer.restart(200); |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |