微信小程序?qū)崿F(xiàn)簡單秒表設(shè)計(jì)
更新時(shí)間:2022年09月09日 14:47:37 作者:不想學(xué)習(xí)只想玩
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單秒表設(shè)計(jì),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)簡單秒表的具體代碼,供大家參考,具體內(nèi)容如下
my.js部分
data: { ? ? hidden:true, ? ? num:num, ? ? hour:hour, ? }, ? show:function(){ ? ? this.setData({hidden:false}); ? ? }, ? ? onLoad: function (options) { ? ? ? setTimeout(()=>{this.show()},2000); ? ? ? ? }, timer:function(){ ? if(num<'59'){ ? //this.setData({num:++num}); ? if(num<9){ ? ? ++num ? ? this.setData({num:'0'+num}) ? } ? else{ ? ? this.setData({num:++num}); ? } ? ?} ? ?else if(num>='59'){ ? ? ?num='00' ? ? this.setData({num:num}) ? ? ?} ?}, ?hourr:function(){ ? //this.setData({hour:++hour}); ? if(hour<9){ ? ? ++hour ? ? this.setData({hour:'0'+hour}) ? } ? else{ ? ? this.setData({hour:++hour}); ? } ?}, ?start:function(){ ? timeID=setInterval(this.timer,1000); ? hourid=setInterval(this.hourr,60000); ? }, ? stop:function(){ ? ? clearTimeout(timeID); ? ? clearInterval(hourid); ? ? },
my.wxss
.time{ ? width: 90%; ? line-height: 200px; ? background-color: yellow; ? font-size: 100px; color: red; text-align: center; border: 1px solid silver; border-radius: 30px; margin: 15px; } .btnLayout{ ? display: flex; ? flex-direction: row; } button{ ? width: 45%; }
my.wxml
<!--pages/my/my.wxml--> <view class="box2" hidden="{{hidden}}"> <view class="title">計(jì)時(shí)器</view> <view class="time">{{hour}}:{{num}}</view> <view class="btnLayout"> <button bindtap="start">開始計(jì)數(shù)</button> <button bindtap="stop">停止計(jì)數(shù)</button> </view> </view>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
關(guān)于js獲取radio和select的屬性并控制的代碼
對于聯(lián)動菜單大家都不會陌生了,但是這還是我第一次寫聯(lián)動的了。原理很簡單,但是自己寫起來就感覺還是有點(diǎn)難度的了2011-05-05js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題
這篇文章主要介紹了js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-05-05