微信小程序如何實(shí)現(xiàn)計(jì)時(shí)器開(kāi)始和結(jié)束功能

3403771864 發(fā)布于2022-12-04 11:50 / 764人閱讀

　　本篇文章主要為大家介紹微信小程序?qū)崿F(xiàn)計(jì)時(shí)器開(kāi)始和結(jié)束整個(gè)演示代碼過(guò)程：

　　1、首先，我們先看看微信小程序計(jì)時(shí)功能，點(diǎn)擊開(kāi)始計(jì)時(shí)

　　2、wxml

　　<view class='tip'>計(jì)時(shí)器{{h}}:{{m}}:{{s}}</view>
　　<button class='but bg-blue on' bindtap="taskStart">任務(wù)開(kāi)始</button>
　　<button class='but bg-blue on' bindtap="taskEnd">任務(wù)結(jié)束</button>

　　data:{
　　h:'00',
　　m:'00',
　　s:'00',
　　//存儲(chǔ)計(jì)時(shí)器
　　setInter:'',
　　num:1,
　　},
　　/**
　　* 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
　　*/
　　onLoad: function (options) {
　　// this.queryTime()
　　},
　　// 計(jì)時(shí)器
　　queryTime(){
　　const that=this;
　　var hou=that.data.h
　　var min=that.data.m
　　var sec=that.data.s
　　that.data.setInter = setInterval(function(){
　　sec++
　　if(sec>=60){
　　sec=0
　　min++
　　if(min>=60){
　　min=0
　　hou++
　　that.setData({
　　h:(hou<10?'0'+min:min)
　　})
　　}else{
　　that.setData({
　　m:(min<10?'0'+min:min)
　　})
　　}
　　}else{
　　that.setData({
　　s:(sec<10?'0'+sec:sec)
　　})
　　}
　　var numVal = that.data.num + 1;
　　that.setData({ num: numVal });
　　console.log('setInterval==' + that.data.num);
　　},1000)
　　},
　　taskStart(){
　　this.queryTime()
　　},
　　taskEnd(){
　　//清除計(jì)時(shí)器 即清除setInter
　　clearInterval(that.data.setInter)
　　},
　　onUnload: function () {
　　var that =this;
　　//清除計(jì)時(shí)器 即清除setInter
　　clearInterval(that.data.setInter)
　　},

　　本篇內(nèi)容已全部講述完畢，歡迎大家繼續(xù)關(guān)注。

云服務(wù)器 GPU云服務(wù)器微信小程序功能微信小程序的功能微信小程序有什么功能微信小程序技術(shù)實(shí)現(xiàn)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/128399.html

相關(guān)文章

指尖一點(diǎn)歌聲來(lái)--微信小程序之仿網(wǎng)易云音樂(lè)心得

摘要：為了提高自己，最近在學(xué)習(xí)微信小程序，選題是仿網(wǎng)易云音樂(lè)。查文檔發(fā)現(xiàn)，小程序中圖片加載完成后，有一個(gè)加載完成事件。前者在微信客戶端版本就不開(kāi)始維護(hù)了，后者低版本需做兼容處理。目前還有一些功能暫未實(shí)現(xiàn)，會(huì)在以后繼續(xù)完善項(xiàng)目，繼續(xù)學(xué)習(xí)。為了提高自己，最近在學(xué)習(xí)微信小程序，選題是仿網(wǎng)易云音樂(lè)。期間踩過(guò)了大把的坑，bug出現(xiàn)的難受和解決bug歡喜，一直是伴隨我階段性學(xué)習(xí)這個(gè)項(xiàng)目的心情。初步完成...

KitorinZero 2019-08-22 11:18 評(píng)論0 收藏0
基于微信小程序的投票系統(tǒng)開(kāi)發(fā)經(jīng)驗(yàn)分享

摘要：由于最近在幫學(xué)校做開(kāi)發(fā)一個(gè)基于微信小程序的投票系統(tǒng)項(xiàng)目，開(kāi)發(fā)時(shí)也遇到很多坑，有一些心得，所以想分享給大家，一起討論和進(jìn)步。用戶進(jìn)入微信小程序后不需登錄即可直接投票。 ** 一、前言 **第一次在社區(qū)發(fā)文章，作為一個(gè)大學(xué)未畢業(yè)的前端菜鳥(niǎo)，自己平常也經(jīng)常逛各種技術(shù)社區(qū)，今天終于要發(fā)表自己的處女文章了，還是有點(diǎn)小激動(dòng)的。由于最近在幫學(xué)校做開(kāi)發(fā)一個(gè)基于微信小程序的投票系統(tǒng)項(xiàng)目，開(kāi)發(fā)時(shí)也遇到很多...

learn_shifeng 2019-08-02 11:40 評(píng)論0 收藏0
基于微信小程序的投票系統(tǒng)開(kāi)發(fā)經(jīng)驗(yàn)分享

摘要：由于最近在幫學(xué)校做開(kāi)發(fā)一個(gè)基于微信小程序的投票系統(tǒng)項(xiàng)目，開(kāi)發(fā)時(shí)也遇到很多坑，有一些心得，所以想分享給大家，一起討論和進(jìn)步。用戶進(jìn)入微信小程序后不需登錄即可直接投票。 ** 一、前言 **第一次在社區(qū)發(fā)文章，作為一個(gè)大學(xué)未畢業(yè)的前端菜鳥(niǎo)，自己平常也經(jīng)常逛各種技術(shù)社區(qū)，今天終于要發(fā)表自己的處女文章了，還是有點(diǎn)小激動(dòng)的。由于最近在幫學(xué)校做開(kāi)發(fā)一個(gè)基于微信小程序的投票系統(tǒng)項(xiàng)目，開(kāi)發(fā)時(shí)也遇到很多...

leonardofed 2019-08-23 12:17 評(píng)論0 收藏0
記一次微信小程序在安卓的白屏問(wèn)題

摘要：在做小程序的時(shí)候，做到了一個(gè)限時(shí)商品售賣(mài)，用到了倒計(jì)時(shí)，因?yàn)檫@個(gè)原因?qū)е铝税沧渴謾C(jī)上使用小程序時(shí)，將小程序放入后臺(tái)運(yùn)行一段時(shí)間后，再次進(jìn)入小程序后出現(xiàn)了頁(yè)面白屏或者點(diǎn)擊事件失效的情況，這里記錄下相關(guān)代碼文件我這里是使用了自定義組件的形式來(lái)渲在做小程序的時(shí)候，做到了一個(gè)限時(shí)商品售賣(mài)，用到了倒計(jì)時(shí)，因?yàn)檫@個(gè)原因?qū)е铝税沧渴謾C(jī)上使用小程序時(shí)，將小程序放入后臺(tái)運(yùn)行一段時(shí)間后，再次進(jìn)入小程序后...

Hydrogen 2019-08-23 14:13 評(píng)論0 收藏0