微信小程序?qū)崿F(xiàn)倒計時補(bǔ)零功能
更新時間：2018年07月09日 14:21:31 作者：司小文
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)倒計時補(bǔ)零功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
微信小程序中 "倒計時自動補(bǔ)零" 的一點代碼，方法比較簡單粗暴，想著以后怎么也能用到，就先總結(jié)出來了。
代碼：
js：
//index.js
var num = 10//計時
var strH = ''
var strM = ''
var strS = ''
var timer = ''
Page({
data: {
timeText:''//展示
},
onLoad: function () {
this.move()
//計時開始 后面的1000是毫秒 每1000毫秒跳一次
timer=setInterval(this.move,1000);
},
move(){
//時
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)時間歸零停止計時器
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í)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)數(shù)字時鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-02-02
實現(xiàn)的效果是當(dāng)鼠標(biāo)移到某一個標(biāo)簽的時候，在下面的內(nèi)容區(qū)顯示對應(yīng)的內(nèi)容，并且相應(yīng)標(biāo)簽的顏色需要改變,這樣的效果是CSS和JS配合實現(xiàn)的,下面我們就來看看具體代碼2013-04-04
JS實現(xiàn)雙擊內(nèi)容變?yōu)榭删庉嫚顟B(tài)
在一些網(wǎng)站上我們經(jīng)?？吹浇换バ院軓?qiáng)的功能。一些用戶資料可以直接雙擊出現(xiàn)文本框，并在此輸入新的資料即可修改，無需再按確定按鈕等。怎么實現(xiàn)的呢？今天小編給大家分享JS實現(xiàn)雙擊內(nèi)容變?yōu)榭删庉嫚顟B(tài)，需要的的朋友參考下2017-03-03
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)登錄注冊功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
曾經(jīng)諾基亞的貪吃蛇風(fēng)靡一時，在游戲匱乏的年代，用Java實現(xiàn)太難，現(xiàn)在網(wǎng)頁制作20行代碼就做成一個簡單的demo了，下面這篇文章主要給大家介紹了利用20行js代碼實現(xiàn)的貪吃蛇小游戲，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
這篇文章主要介紹了怎樣用JavaScript實現(xiàn)原型模式，想學(xué)習(xí)設(shè)計模式的同學(xué)，可以參考下2021-04-04
div居中的方法有很多，網(wǎng)上可以找得到，但是本文要介紹的是使用JS實現(xiàn)的，比較另類，大家不妨參考下2014-04-04
基于JavaScript實現(xiàn)每日簽到打卡軌跡功能
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)每日簽到打卡軌跡功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
大家好，本篇文章主要講的是JavaScript中深拷貝與淺拷貝詳解，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下2022-02-02
ES6中Array.find()和findIndex()函數(shù)的用法詳解
ES6為Array增加了find()，findIndex函數(shù)。find()函數(shù)用來查找目標(biāo)元素，找到就返回該元素，找不到返回undefined，而findIndex()函數(shù)也是查找目標(biāo)元素，找到就返回元素的位置，找不到就返回-1。下面通過實例詳解，需要的朋友參考下吧2017-09-09