微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)補(bǔ)零功能
微信小程序中 "倒計(jì)時(shí)自動補(bǔ)零" 的一點(diǎn)代碼,方法比較簡單粗暴,想著以后怎么也能用到,就先總結(jié)出來了。
代碼:
js:
//index.js var num = 10//計(jì)時(shí) var strH = '' var strM = '' var strS = '' var timer = '' Page({ data: { timeText:''//展示 }, onLoad: function () { this.move() //計(jì)時(shí)開始 后面的1000是毫秒 每1000毫秒跳一次 timer=setInterval(this.move,1000); }, move(){ //時(shí) strH = this.zeroFill(''+parseInt(num/3600%24),2) //分 strM = this.zeroFill(''+parseInt(num/60%24),2) //秒 strS = this.zeroFill(''+parseInt(num%60),2) //賦值給text內(nèi)容 this.setData({ timeText:strH+':'+strM+':'+strS }) //當(dāng)時(shí)間歸零停止計(jì)時(shí)器 if (num == 0){ clearInterval(timer) return } //每秒遞減 num-- }, zeroFill(str, n){ //補(bǔ)零方法,str為數(shù)字字符串 n為需要的位數(shù),不夠補(bǔ)零 if (str.length < n){ str = '0'+str } return str } })
wxml:
<text>{{timeText}}</text>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序 倒計(jì)時(shí)組件實(shí)現(xiàn)代碼
- 微信小程序之發(fā)送短信倒計(jì)時(shí)功能
- 微信小程序注冊60s倒計(jì)時(shí)功能 使用JS實(shí)現(xiàn)注冊60s倒計(jì)時(shí)功能
- 微信小程序電商常用倒計(jì)時(shí)實(shí)現(xiàn)實(shí)例
- 微信小程序?qū)崿F(xiàn)團(tuán)購或秒殺批量倒計(jì)時(shí)
- 微信小程序?qū)崿F(xiàn)驗(yàn)證碼獲取倒計(jì)時(shí)效果
- 微信小程序項(xiàng)目實(shí)踐之驗(yàn)證碼倒計(jì)時(shí)功能
- 微信小程序 時(shí)間格式化(util.formatTime(new Date))詳解
- 微信小程序日期時(shí)間選擇器使用方法
- 微信小程序使用picker實(shí)現(xiàn)時(shí)間和日期選擇框功能【附源碼下載】
- 微信小程序顯示倒計(jì)時(shí)功能示例【測試可用】
相關(guān)文章
JavaScript方法_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript方法,詳細(xì)的介紹了JavaScript幾種函數(shù)定義方式及使用方法,感興趣的小伙伴們可以參考一下2017-06-06javaScript如何跳出多重循環(huán)break、continue
這篇文章主要為大家詳細(xì)介紹了javaScript如何跳出多重循環(huán)break、continue,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09JS使用window.requestAnimationFrame()對列表切片進(jìn)行渲染
這篇文章主要為大家介紹了JS使用requestAnimationFrame對列表切片進(jìn)行渲染,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05老生常談JavaScript面向?qū)ο蠡A(chǔ)與this指向問題
下面小編就為大家?guī)硪黄仙U凧avaScript面向?qū)ο蠡A(chǔ)與this指向問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10一個(gè)簡單不報(bào)錯(cuò)的summernote 圖片上傳案例
下面小編就為大家?guī)硪黄粋€(gè)簡單不報(bào)錯(cuò)的summernote圖片上傳案例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07uniapp小程序使用高德地圖api實(shí)現(xiàn)路線規(guī)劃的示例代碼
路線規(guī)劃常用于出行路線的提前預(yù)覽,我們提供4種類型的路線規(guī)劃,分別為:駕車、步行、公交和騎行,滿足各種的出行場景,這篇文章主要介紹了uniapp小程序使用高德地圖api實(shí)現(xiàn)路線規(guī)劃,需要的朋友可以參考下2023-01-01window.showModalDialog參數(shù)傳遞中含有特殊字符的處理方法
程序運(yùn)行出錯(cuò)經(jīng),過檢查發(fā)現(xiàn)傳遞的數(shù)據(jù)中出現(xiàn)了#等特殊字符,瀏覽器只取到#號前面的數(shù)據(jù),后面的被截?cái)?,下面為大家介紹下正確的處理方法2013-06-06