国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

一個(gè)付款剩余時(shí)間倒計(jì)時(shí)的功能

malakashi / 2046人閱讀

摘要：轉(zhuǎn)化為一個(gè)數(shù)值，然后加上倒計(jì)時(shí)時(shí)間秒，得到，然后獲取當(dāng)前時(shí)間，用減去當(dāng)前時(shí)間，得到剩余時(shí)間，然后通過(guò)逐個(gè)算出還剩幾分幾秒。上代碼分秒知識(shí)總結(jié)逐個(gè)算出分秒，計(jì)時(shí)器，每隔毫秒執(zhí)行

今天在做一個(gè)支付界面倒計(jì)時(shí)功能時(shí)碰到如下問(wèn)題：
點(diǎn)擊提交訂單跳轉(zhuǎn)到確認(rèn)訂單（支付）頁(yè)面，在頂部有一個(gè)倒計(jì)時(shí)，與此同時(shí)，接口返回有創(chuàng)建訂單時(shí)間字段，根據(jù)此字段實(shí)現(xiàn)倒計(jì)時(shí)

實(shí)現(xiàn)思路：

將后臺(tái)獲取的時(shí)間使用vuex儲(chǔ)存，調(diào)用：self.$store.state.subOrder.created_at獲取到

將后臺(tái)獲取的時(shí)間使用Date.parse方法（此方法可以返回 1970/1/1 午夜距離該日期時(shí)間的毫秒數(shù)。）轉(zhuǎn)化為一個(gè)int數(shù)值，然后加上倒計(jì)時(shí)時(shí)間（900秒），得到endTime，然后獲取當(dāng)前時(shí)間，用endTiem減去當(dāng)前時(shí)間，得到剩余時(shí)間，然后通過(guò)Math.floor逐個(gè)算出還剩幾分幾秒。

上代碼：

computedLastPayTime() {
      let self = this;
      setInterval(function() {
        let createTime = Date.parse(self.$store.state.subOrder.created_at) / 1000;
        let endTime = createTime + 900;
        let clientTime = Date.parse(new Date()) / 1000;
        let lastTime = endTime - clientTime;
        let int_minute;
        if(lastTime > 0){
          int_minute = Math.floor(lastTime/60);
          lastTime -= int_minute * 60;
          self.lastPayTime = int_minute+"分"+ lastTime +"秒"
        } else {

        }
      },1000); 
    }

知識(shí)總結(jié)：

let clientTime = Date.parse(new Date()) / 1000;

int_minute = Math.floor(lastTime/60);
lastTime -= int_minute * 60;逐個(gè)算出分、秒

setInterval（code，millisec）計(jì)時(shí)器，每隔millisec毫秒執(zhí)行code

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

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

相關(guān)文章

  • js倒計(jì)時(shí)小插件－－CountDown.js

    摘要：剛寫的開源小插件，在這里宣傳下地址歡迎吐槽一個(gè)用來(lái)實(shí)現(xiàn)簡(jiǎn)單頁(yè)面倒計(jì)時(shí)的輕量級(jí)工具根據(jù)要計(jì)時(shí)的秒數(shù)打開一個(gè)顯示剩余時(shí)間的倒計(jì)時(shí)參數(shù)放置倒計(jì)時(shí)的元素要計(jì)時(shí)的秒數(shù)用于給倒計(jì)時(shí)設(shè)置標(biāo)記可以給多個(gè)倒計(jì)時(shí)設(shè)置同一個(gè)標(biāo)記分割時(shí)分秒的分割符倒計(jì)時(shí)結(jié)束時(shí)執(zhí)行 剛寫的開源小插件，在這里宣傳下 ^_^ github地址：https://github.com/flypie2/Co... 歡迎吐槽 ^_^ Co...

    mdluo 評(píng)論0 收藏0

  • 微信公眾號(hào)，實(shí)現(xiàn)倒計(jì)時(shí)

    摘要：在微信公眾號(hào)開發(fā)過(guò)程中要實(shí)現(xiàn)倒計(jì)時(shí)的一個(gè)功能。原因是解決方案訂單生成的時(shí)候我們記錄下這個(gè)時(shí)間為，時(shí)間間隔為分鐘內(nèi)需要付款，為，為現(xiàn)在的時(shí)間。那么倒計(jì)時(shí)時(shí)間，代碼如下支付超時(shí)訂單已提交，請(qǐng)?jiān)诜置雰?nèi)完成支付 在微信公眾號(hào)開發(fā)過(guò)程中要實(shí)現(xiàn)倒計(jì)時(shí)的一個(gè)功能。效果如下： showImg(https://segmentfault.com/img/bVbelsn?w=343&h=71); 開始的思路...

    sarva 評(píng)論0 收藏0

  • 時(shí)間戳轉(zhuǎn)換成時(shí)間日期格式及去重

    摘要：在項(xiàng)目中做的一些站點(diǎn)會(huì)涉及時(shí)間格式的轉(zhuǎn)換，比如，優(yōu)惠券的有效期，或者資訊類文章的發(fā)表時(shí)間等，因從后臺(tái)傳過(guò)來(lái)的時(shí)間是時(shí)間戳，需要進(jìn)行轉(zhuǎn)換，所以在這里進(jìn)行總結(jié)記錄下以及去重的處理將時(shí)間戳轉(zhuǎn)換成時(shí)間日期的形式時(shí)間為毫秒數(shù)時(shí)毫秒數(shù)轉(zhuǎn)換成時(shí)間格式先乘 在項(xiàng)目中做的一些站點(diǎn)會(huì)涉及時(shí)間格式的轉(zhuǎn)換，比如，優(yōu)惠券的有效期，或者資訊類文章的發(fā)表時(shí)間等，因從后臺(tái)傳過(guò)來(lái)的時(shí)間是時(shí)間戳，需要進(jìn)行轉(zhuǎn)換，所以在這里...

    tianyu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

malakashi

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<