最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序顯示倒計(jì)時(shí)功能示例【測(cè)試可用】

 更新時(shí)間:2018年12月03日 10:50:09   作者:kerryqpw  
這篇文章主要介紹了微信小程序顯示倒計(jì)時(shí)功能,結(jié)合實(shí)例形式分析了微信小程序針對(duì)給定時(shí)間的倒計(jì)時(shí)功能相關(guān)界面顯示與邏輯運(yùn)算操作技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程序顯示倒計(jì)時(shí)功能。分享給大家供大家參考,具體如下:

微信小程序中顯示倒計(jì)時(shí):

index.wxml:

<view class='countdown'>剩:<text style='color:#6B4EFD'> {{countDownDay}} </text> 天 <text style='color:#6B4EFD'>{{countDownHour}} </text> <text style='color:#6B4EFD'>{{countDownMinute}} </text> <text style='color:#6B4EFD'>{{countDownSecond}} </text>
</view>

index.js:

Page( {
 data: {
  windowHeight: 654,
  maxtime: "",
  isHiddenLoading: true,
  isHiddenToast: true,
  dataList: {},
  countDownDay: 0,
  countDownHour: 0,
  countDownMinute: 0,
  countDownSecond: 0,
 },
 //事件處理函數(shù)
 bindViewTap: function() {
  wx.navigateTo( {
   url: '../logs/logs'
  })
 },
 onLoad: function() {
  this.setData( {
   windowHeight: wx.getStorageSync( 'windowHeight' )
  });
 },
 // 頁(yè)面渲染完成后 調(diào)用
 onReady: function () {
  var totalSecond = Date.parse(new Date("2018/12/12")) / 1000 - Date.parse(new Date()) / 1000;
  var interval = setInterval(function () {
   // 秒數(shù)
   var second = totalSecond;
   // 天數(shù)位
   var day = Math.floor(second / 3600 / 24);
   var dayStr = day.toString();
   if (dayStr.length == 1) dayStr = '0' + dayStr;
   // 小時(shí)位
   var hr = Math.floor((second - day * 3600 * 24) / 3600);
   var hrStr = hr.toString();
   if (hrStr.length == 1) hrStr = '0' + hrStr;
   // 分鐘位
   var min = Math.floor((second - day * 3600 *24 - hr * 3600) / 60);
   var minStr = min.toString();
   if (minStr.length == 1) minStr = '0' + minStr;
   // 秒位
   var sec = second - day * 3600 * 24 - hr * 3600 - min*60;
   var secStr = sec.toString();
   if (secStr.length == 1) secStr = '0' + secStr;
   this.setData({
    countDownDay: dayStr,
    countDownHour: hrStr,
    countDownMinute: minStr,
    countDownSecond: secStr,
   });
   totalSecond--;
   if (totalSecond < 0) {
    clearInterval(interval);
    wx.showToast({
     title: '活動(dòng)已結(jié)束',
    });
    this.setData({
     countDownDay: '00',
     countDownHour: '00',
     countDownMinute: '00',
     countDownSecond: '00',
    });
   }
  }.bind(this), 1000);
 },
 //cell事件處理函數(shù)
 bindCellViewTap: function (e) {
  var id = e.currentTarget.dataset.id;
  wx.navigateTo({
   url: '../babyDetail/babyDetail?id=' + id
  });
 }
})

運(yùn)行結(jié)果如下圖所示:

 

希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。

相關(guān)文章

  • 基于小程序請(qǐng)求接口wx.request封裝的類axios請(qǐng)求

    基于小程序請(qǐng)求接口wx.request封裝的類axios請(qǐng)求

    這篇文章主要介紹了基于小程序請(qǐng)求接口wx.request封裝的類axios請(qǐng)求,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07
  • css客齊集社區(qū)頭像顯示效果

    css客齊集社區(qū)頭像顯示效果

    這個(gè)例子,首先是把SPAN里的內(nèi)容用display:none;干掉,就是不顯示; 然后在A:HOVER時(shí),再把SPAN里的內(nèi)容display:block; 就是顯示出來(lái);同時(shí)定義一下SPAN的位置; 其它代碼很簡(jiǎn)單,但有人說看不太懂;我就簡(jiǎn)單說一下;
    2008-06-06
  • bootstrap modal+gridview實(shí)現(xiàn)彈出框效果

    bootstrap modal+gridview實(shí)現(xiàn)彈出框效果

    這篇文章主要介紹了bootstrap modal+gridview實(shí)現(xiàn)彈出框效果,gridview點(diǎn)擊更新彈出填寫信息表單,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • JavaScript報(bào)錯(cuò):Uncaught TypeError: XXX is not iterable的解決方法

    JavaScript報(bào)錯(cuò):Uncaught TypeError: XXX is 

    在 JavaScript 編程中,“Uncaught TypeError: XYZ is not iterable” 是一種常見的錯(cuò)誤,這種錯(cuò)誤通常發(fā)生在試圖對(duì)一個(gè)非可迭代對(duì)象進(jìn)行迭代操作時(shí),了解這種錯(cuò)誤的成因和解決方法,對(duì)于編寫健壯的代碼至關(guān)重要,需要的朋友可以參考下
    2024-07-07
  • 用javascript刪除當(dāng)前行,添加行(示例代碼)

    用javascript刪除當(dāng)前行,添加行(示例代碼)

    這篇文章主要介紹了用javascript刪除當(dāng)前行,添加行的示例代碼。需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助
    2013-11-11
  • token 機(jī)制和實(shí)現(xiàn)方式

    token 機(jī)制和實(shí)現(xiàn)方式

    這篇文章主要介紹了token 機(jī)制和實(shí)現(xiàn)方式的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)token,感興趣的朋友可以了解下
    2020-12-12
  • JS實(shí)現(xiàn)統(tǒng)計(jì)字符串中字符出現(xiàn)個(gè)數(shù)及最大個(gè)數(shù)功能示例

    JS實(shí)現(xiàn)統(tǒng)計(jì)字符串中字符出現(xiàn)個(gè)數(shù)及最大個(gè)數(shù)功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)統(tǒng)計(jì)字符串中字符出現(xiàn)個(gè)數(shù)及最大個(gè)數(shù)功能,結(jié)合實(shí)例形式分析了javascript字符串遍歷、統(tǒng)計(jì)相關(guān)操作技巧,需要的朋友可以參考下
    2018-06-06
  • 一文搞懂TypeScript的安裝、使用、自動(dòng)編譯的教程

    一文搞懂TypeScript的安裝、使用、自動(dòng)編譯的教程

    TypeScript 是一種由微軟開發(fā)的開源、跨平臺(tái)的編程語(yǔ)言。它是 JavaScript 的超集,最終會(huì)被編譯為 JavaScript 代碼,關(guān)于TypeScript的安裝、使用、自動(dòng)編譯很多朋友不是很清楚,今天抽空給大家普及下,感興趣的朋友一起看看吧
    2021-06-06
  • 簡(jiǎn)單實(shí)例處理url特殊符號(hào)&處理(2種方法)

    簡(jiǎn)單實(shí)例處理url特殊符號(hào)&處理(2種方法)

    url里的參數(shù)內(nèi)容包含&符合,我有兩種方法解決一是:在頁(yè)面用JS轉(zhuǎn)碼;二是:在后端處理,另外還有網(wǎng)絡(luò)分享的一些方法,感興趣的朋友可以參考下哈
    2013-04-04
  • 淺析javascript函數(shù)表達(dá)式

    淺析javascript函數(shù)表達(dá)式

    這篇文章主要向大家詳細(xì)介紹了javascript函數(shù)表達(dá)式,幫助大家理解javascript函數(shù)表達(dá)式,感興趣的朋友可以參考一下
    2016-02-02

最新評(píng)論

金川县| 丹阳市| 吴旗县| 富宁县| 双峰县| 汶上县| 吉隆县| 星座| 田东县| 文水县| 浦城县| 岗巴县| 永登县| 行唐县| 弥渡县| 永吉县| 南陵县| 凤山县| 伊川县| 谷城县| 弥勒县| 普宁市| 镇雄县| 开封县| 济阳县| 清丰县| 团风县| 抚松县| 西安市| 思茅市| 大安市| 赫章县| 五寨县| 龙胜| 竹北市| 开远市| 吉林省| 哈密市| 泾川县| 德保县| 图木舒克市|