欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序?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的屬性并控制的代碼

    關(guān)于js獲取radio和select的屬性并控制的代碼

    對于聯(lián)動菜單大家都不會陌生了,但是這還是我第一次寫聯(lián)動的了。原理很簡單,但是自己寫起來就感覺還是有點(diǎn)難度的了
    2011-05-05
  • bootstrap警告框示例代碼分享

    bootstrap警告框示例代碼分享

    這篇文章主要為大家詳細(xì)介紹了bootstrap警告框示例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • javascript數(shù)組去重的方法匯總

    javascript數(shù)組去重的方法匯總

    數(shù)組去重復(fù)是一個(gè)常見的需求,我們暫時(shí)考慮同類型的數(shù)組去重復(fù)。主要是理清思路和考慮下性能。以下方法,網(wǎng)上基本都有,這里只是簡單地總結(jié)一下分享給大家。
    2015-04-04
  • JavaScript實(shí)現(xiàn)刮刮樂效果

    JavaScript實(shí)現(xiàn)刮刮樂效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)刮刮樂效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • JS彈出窗口代碼大全(詳細(xì)整理)

    JS彈出窗口代碼大全(詳細(xì)整理)

    如何利用網(wǎng)頁彈出各種形式的窗口,我想大家大多都是知道些的,但那種多種多樣的彈出式窗口是怎么搞出來的,平時(shí)利用業(yè)余時(shí)間整理了一些,需要的朋友可以參考一下
    2012-12-12
  • 微信小程序引入Vant框架的全過程記錄

    微信小程序引入Vant框架的全過程記錄

    Vant Weapp 是移動端 Vue 組件庫 Vant 的小程序版本,兩者基于相同的視覺規(guī)范,提供一致的 API 接口,助力開發(fā)者快速搭建小程序應(yīng)用,這篇文章主要給大家介紹了關(guān)于微信小程序引入Vant框架的相關(guān)資料,需要的朋友可以參考下
    2021-06-06
  • 在微信小程序中使用vant的方法

    在微信小程序中使用vant的方法

    這篇文章主要介紹了在微信小程序中使用vant的方法,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • js左右彈性滾動對聯(lián)廣告代碼分享

    js左右彈性滾動對聯(lián)廣告代碼分享

    這個(gè)對聯(lián)廣告與其它的有所區(qū)別,這個(gè)是頁面加載時(shí)先沒看到廣告,然后從左邊快速飛進(jìn)來的兩個(gè)對聯(lián)廣告哦,下面我們一起來看看對聯(lián)廣告效果代碼
    2014-02-02
  • r.js來合并壓縮css文件的示例

    r.js來合并壓縮css文件的示例

    這篇文章主要介紹了r.js來合并壓縮css文件的示例代碼,在r5下新建一個(gè)css文件夾,里面有四個(gè)css文件:main.css、nav.css、form.css、grid.css,具體示例代碼大家參考下本文
    2018-04-04
  • js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題

    js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題

    這篇文章主要介紹了js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-05-05

最新評論