倒计时(小程序)功能
生活随笔
收集整理的這篇文章主要介紹了
倒计时(小程序)功能
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
/** * 需要一個(gè)目標(biāo)日期,初始化時(shí),先得出到當(dāng)前時(shí)間還有剩余多少秒* 1.將秒數(shù)換成格式化輸出為XX天XX小時(shí)XX分鐘XX秒 XX* 2.提供一個(gè)時(shí)鐘,每10ms運(yùn)行一次,渲染時(shí)鐘,再總ms數(shù)自減10* 3.剩余的秒次為零時(shí),return,給出tips提示說(shuō),已經(jīng)截止*/
// 定義一個(gè)總毫秒數(shù),以一天為例
//var total_micro_second = 3600 * 1000*24;//這是一天倒計(jì)時(shí)
var total_micro_second = 10 * 1000;//這是30秒倒計(jì)時(shí)/* 毫秒級(jí)秒殺倒計(jì)時(shí) */
function countdown(that) {// 渲染倒計(jì)時(shí)時(shí)鐘that.setData({clock: dateformat(total_micro_second)//格式化時(shí)間});if (total_micro_second <= 0) {that.setData({// clock: [{// 'message': '秒殺結(jié)束'// }]SecKillStatus:2});// timeout則跳出遞歸return;}//settimeout實(shí)現(xiàn)倒計(jì)時(shí)效果setTimeout(function () {// 放在最后--total_micro_second -= 10;countdown(that);}, 10)//注意毫秒的步長(zhǎng)受限于系統(tǒng)的時(shí)間頻率,于是我們精確到0.01s即10ms
}
// 時(shí)間格式化輸出,如1天天23時(shí)時(shí)12分分12秒秒12 。每10ms都會(huì)調(diào)用一次
function dateformat(micro_second) {// 總秒數(shù)var second = Math.floor(micro_second / 1000);// 天數(shù)var day = Math.floor(second / 3600 / 24);// 總小時(shí)var hr = Math.floor(second / 3600);// 小時(shí)位var hr2 = hr % 24;if(hr2<10){hr2 = "0"+hr2;}// 分鐘位var min = Math.floor((second - hr * 3600) / 60);if(min<10){min = "0"+min;}// 秒位var sec = (second - hr * 3600 - min * 60);// equal to => var sec = second % 60;if(sec<10){sec = "0"+sec}// 毫秒位,保留2位var micro_sec = Math.floor((micro_second % 1000) / 10);return [{'message': hr2 },{'message': min},{'message': sec}]
}export {countdown};
?
總結(jié)
以上是生活随笔為你收集整理的倒计时(小程序)功能的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 成功?
- 下一篇: [Warning] incompatib