亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序基于數(shù)據(jù)庫時間實現(xiàn)商品倒計時功能(可重用代碼)

 更新時間:2022年07月23日 11:14:11   作者:小李不背鍋  
這篇文章主要介紹了微信小程序基于數(shù)據(jù)庫時間實現(xiàn)商品倒計時功能(可重用代碼),代碼很完整,拿來就可以使用,現(xiàn)在我把完整的代碼分享給大家,需要的朋友可以參考下

最近做拍賣小程序,里面有一個需求是監(jiān)控拍賣時間,需要對時間進行動態(tài)的倒計時顯示

從構(gòu)思開始,做這個倒計時也花了我4個小時多,也遇到了很多問題,現(xiàn)在我把完整的功能給實現(xiàn)了,可以拿來套用,只需要傳入你自己數(shù)據(jù)庫的時間即可。

1、第一個函數(shù)

  //傳入數(shù)據(jù)庫結(jié)束時間參數(shù)并計算倒計時
  countdown(endTime){//取出競拍結(jié)束時間,精確到秒,如果數(shù)據(jù)庫設(shè)置的是精確到毫秒,這里需要再除以1000
        let auctionEndtime = res.data.end_time
        console.log(res)
        //獲取當前系統(tǒng)時間,默認精確到毫秒,這里要用秒,所以除以1000
        var nowTime = new Date().getTime() / 1000
        //剩余時間總的秒數(shù)
        var totalSecond = Math.floor(auctionEndtime - nowTime)
        console.log('剩余秒數(shù)',totalSecond)
        //計算倒計時
        this.doCountdown(totalSecond)
  }

2、第二個函數(shù)

//計算商品倒計時
  doCountdown(totalSecond){
    let _this = this
    //每隔一秒執(zhí)行一次代碼,將計數(shù)器賦值給頁面變量myTime
    myTime =  setInterval(function () {
        //如果競拍已經(jīng)結(jié)束
        if(totalSecond < 0){
          _this.setData({
            clock: ''
          })
          clearInterval(myTime)
          return 
        }else{
          //執(zhí)行計算
          var time = _this.formatTime(totalSecond)
          _this.setData({
            clock: time
          })
        }
        totalSecond --;
    },1000)
  },

注意,需要在page()上面定義頁面全局變量myTime,以便對計數(shù)器進行清除

3、第三個函數(shù)

//倒計時時間格式化
  formatTime(totalSecond){
    //剩余天數(shù)
    var day = Math.floor(totalSecond / 3600 / 24)
    //n天后剩余小時數(shù)
    var hour = Math.floor(totalSecond /3600 % 24)
    //n天n小時后剩余分鐘數(shù)
    var min = Math.floor(totalSecond / 60 % 60)
    //n天n小時n分鐘后剩余秒數(shù)
    var sec = Math.floor(totalSecond % 60)
    return day + "天" + hour + "小時" + min + "分" + sec + "秒"
  }

4、計數(shù)器的清除

每次離開頁面需要清除計數(shù)器

到此這篇關(guān)于微信小程序基于數(shù)據(jù)庫時間實現(xiàn)商品倒計時功能(可重用代碼)的文章就介紹到這了,更多相關(guān)小程序商品倒計時內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript實現(xiàn)下拉列表選擇框

    JavaScript實現(xiàn)下拉列表選擇框

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)下拉列表選擇框,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 詳談$.data()的用法和作用

    詳談$.data()的用法和作用

    下面小編就為大家?guī)硪黄斦?.data()的用法和作用。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-02-02
  • 老生常談js動態(tài)添加事件--- 事件委托

    老生常談js動態(tài)添加事件--- 事件委托

    下面小編就為大家?guī)硪黄仙U刯s動態(tài)添加事件--- 事件委托。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • javascript定義類和類的實現(xiàn)實例詳解

    javascript定義類和類的實現(xiàn)實例詳解

    這篇文章主要介紹了javascript定義類和類的實現(xiàn),結(jié)合實例形式較為詳細的分析了JavaScript類的定義方式與相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-12-12
  • 淺談javascript的原型繼承

    淺談javascript的原型繼承

    javascript的繼承在很多框架中都有運用,尤其是原型式繼承。首先要理解一個概念,什么是原型式繼承?所謂的原型式繼承,就是在函數(shù)內(nèi)部先創(chuàng)建一個臨時性的構(gòu)造函數(shù),然后將傳入的對象做這個構(gòu)造函數(shù)的原型,最后返回這個臨時類型的新實例
    2012-07-07
  • javascript 常見的閉包問題的解決辦法

    javascript 常見的閉包問題的解決辦法

    javascript 常見的閉包問題的解決辦法,需要的朋友可以參考下。
    2009-11-11
  • js寫的評論分頁(還不錯)

    js寫的評論分頁(還不錯)

    js寫的分頁在網(wǎng)上可以搜到很多的文章,在也為大家介紹一個,喜歡的的朋友可以參考下
    2013-12-12
  • js實現(xiàn)把時間戳轉(zhuǎn)換為yyyy-MM-dd hh:mm 格式(es6語法)

    js實現(xiàn)把時間戳轉(zhuǎn)換為yyyy-MM-dd hh:mm 格式(es6語法)

    下面小編就為大家分享一篇js實現(xiàn)把時間戳轉(zhuǎn)換為yyyy-MM-dd hh:mm 格式(es6語法),具有很的參考價值,希望對大家有所幫助
    2017-12-12
  • js判斷數(shù)據(jù)類型如判斷是否為數(shù)組是否為字符串等等

    js判斷數(shù)據(jù)類型如判斷是否為數(shù)組是否為字符串等等

    js判斷數(shù)據(jù)類型如判斷是否為數(shù)組類型、判斷是否為字符串類型、判斷是否為數(shù)值類型等等,本文有幾個不錯的示例,大家可以學(xué)習(xí)下
    2014-01-01
  • JS實現(xiàn)小星星特效

    JS實現(xiàn)小星星特效

    這篇文章主要為大家詳細介紹了JS實現(xiàn)小星星特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12

最新評論