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

微信小程序?qū)崿F(xiàn)批量倒計(jì)時(shí)功能

 更新時(shí)間:2020年11月01日 13:38:28   作者:Yako元  
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)批量倒計(jì)時(shí)功能,適用于商品列表倒計(jì)時(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)批量倒計(jì)時(shí)的具體代碼,供大家參考,具體內(nèi)容如下

//適用于商品列表倒計(jì)時(shí)/** * end_time int 結(jié)束時(shí)間 * param int 數(shù)組鍵 */

1.展示效果如下:

2.wxml代碼:

<p class="promotion-label-tits">僅{{item.endtime}}</p>

3.js代碼: 

//封裝的倒計(jì)時(shí)方法
//批量倒計(jì)時(shí)
function grouponcountdown(that, end_time, param) {
 var EndTime = new Date(end_time).getTime();
 // console.log(EndTime);
 var NowTime = new Date().getTime();
 
 var total_micro_second = EndTime - NowTime;
 
 var groupons = that.data.groupon;
 // console.log(groupons);
 groupons[param].endtime = dateformats(total_micro_second);
 if (total_micro_second <= 0) {
 groupons[param].endtime = "已結(jié)束"
 }
 that.setData({
 groupon: groupons
 })
 setTimeout(function () {
 grouponcountdown(that, end_time, param);
 }, 1000)
}
 
// 時(shí)間格式化輸出,每1s都會(huì)調(diào)用一次
function dateformats(micro_second) {
 // 總秒數(shù)
 var second = Math.floor(micro_second / 1000);
 // 天數(shù)
 var day = Math.floor(second / 3600 / 24);
 // 小時(shí)
 var hr = Math.floor(second / 3600 % 24);
 var hrStr = hr.toString();
 if (hrStr.length == 1) hrStr = '0' + hrStr;
 
 // 分鐘
 var min = Math.floor(second / 60 % 60);
 var minStr = min.toString();
 if (minStr.length == 1) minStr = '0' + minStr;
 
 // 秒
 var sec = Math.floor(second % 60);
 var secStr = sec.toString();
 if (secStr.length == 1) secStr = '0' + secStr;
 
 if (day <= 1) {
 return "剩 " + hrStr + ":" + minStr + ":" + secStr;
 } else {
 return "剩 " + day + " 天 " + hrStr + ":" + minStr + ":" + secStr;
 }
}
//end
 
var app=getApp()
Page({
 
 /**
 * 頁(yè)面的初始數(shù)據(jù)
 */
 data: {
  collageTeamlist : {}
 },
 
 /**
 * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
 */
 onLoad: function (options) {
  app.showLoading();
  var that = this
  
  wx.request({
   success:function(res){
    var grouponList = request.data.collageTeamlist
    // console.log(grouponList);
    for (var i = 0; i < grouponList.length; i++) {
     var lack_num = grouponList[i].create_num - grouponList[i].current_num
     grouponList[i].lack_num = lack_num
    }
 
    that.setData({
     groupon: grouponList
    })
    var data = that.data.groupon
    //列表獲取到數(shù)據(jù)進(jìn)行遍歷
    for (var i = 0; i < data.length; i++) {
     var end_time = data[i].end_time.replace(/-/g, '/')
     grouponcountdown(that,end_time, i)
    }
   },
  })
 },

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS文件上傳時(shí)如何使用MD5加密

    JS文件上傳時(shí)如何使用MD5加密

    這篇文章主要介紹了JS文件上傳時(shí)如何使用MD5加密,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • JS控制表單提交的方法

    JS控制表單提交的方法

    這篇文章主要介紹了JS控制表單提交的方法,可實(shí)現(xiàn)基于javascript提交表單信息的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-07-07
  • Google Map Api和GOOGLE Search Api整合實(shí)現(xiàn)代碼

    Google Map Api和GOOGLE Search Api整合實(shí)現(xiàn)代碼

    將GOOGLE MAP API 和 GOOGLE Search API 進(jìn)行整合,我用面向?qū)ο蟮姆绞綄?xiě)了一個(gè)類(lèi),通過(guò)傳一個(gè)經(jīng)緯度進(jìn)去,自動(dòng)通過(guò)GOOGLE LOCAL SEARCH獲取附近的相關(guān)信息。比如餐廳、景點(diǎn)等,反過(guò)來(lái)標(biāo)到地圖上,并可在任意容器內(nèi)顯示。
    2009-07-07
  • js創(chuàng)建表單元素并使用submit進(jìn)行提交

    js創(chuàng)建表單元素并使用submit進(jìn)行提交

    這篇文章主要介紹了js創(chuàng)建表單元素并使用submit進(jìn)行提交,需要的朋友可以參考下
    2014-08-08
  • 微信小程序系列之自定義頂部導(dǎo)航功能

    微信小程序系列之自定義頂部導(dǎo)航功能

    這篇文章主要介紹了微信小程序系列之自定義頂部導(dǎo)航功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-05-05
  • 淺談js數(shù)組和splice的用法

    淺談js數(shù)組和splice的用法

    下面小編就為大家?guī)?lái)一篇淺談js數(shù)組和splice的用法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-12-12
  • 用js小類(lèi)庫(kù)獲取瀏覽器的高度和寬度信息

    用js小類(lèi)庫(kù)獲取瀏覽器的高度和寬度信息

    在做項(xiàng)目時(shí)碰到了要在頁(yè)面上顯示一個(gè)浮動(dòng)DIV層的效果。本來(lái)做的是在頁(yè)面居中時(shí)顯示的,但后來(lái)經(jīng)過(guò)自己的測(cè)試發(fā)現(xiàn),當(dāng)網(wǎng)頁(yè)中出現(xiàn)了滾動(dòng)條之后,那個(gè)浮動(dòng)的DIV卻還是在頁(yè)面的頂部顯示的
    2012-01-01
  • 詳解JavaScript中Canvas的高級(jí)繪圖和動(dòng)畫(huà)技術(shù)

    詳解JavaScript中Canvas的高級(jí)繪圖和動(dòng)畫(huà)技術(shù)

    JavaScript中的Canvas 是一個(gè)強(qiáng)大的 HTML5 元素,允許你通過(guò)編程方式創(chuàng)建圖形、繪制圖像和實(shí)現(xiàn)復(fù)雜的動(dòng)畫(huà)效果,在本文中,我們將深入探討 JavaScript Canvas 的高級(jí)繪圖和動(dòng)畫(huà)技術(shù),并提供一個(gè)復(fù)雜的案例,以展示其潛力,需要的朋友可以參考下
    2023-10-10
  • js實(shí)現(xiàn)網(wǎng)頁(yè)右上角滑出會(huì)自動(dòng)消失大幅廣告的方法

    js實(shí)現(xiàn)網(wǎng)頁(yè)右上角滑出會(huì)自動(dòng)消失大幅廣告的方法

    這篇文章主要介紹了js實(shí)現(xiàn)網(wǎng)頁(yè)右上角滑出會(huì)自動(dòng)消失大幅廣告的方法,是javascript廣告特效的典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-02-02
  • JavaScript腳本性能優(yōu)化注意事項(xiàng)

    JavaScript腳本性能優(yōu)化注意事項(xiàng)

    本文總結(jié)了我在JavaScript編程中所找到的提高JavaScript運(yùn)行性能的一些方法,其實(shí)這些經(jīng)驗(yàn)都基于幾條原則
    2008-11-11

最新評(píng)論

勃利县| 荥阳市| 乐山市| 丰台区| 中山市| 成安县| 扶风县| 永州市| 临泉县| 敦煌市| 祁门县| 金堂县| 旺苍县| 霍城县| 怀安县| 云和县| 西宁市| 台北市| 包头市| 黄骅市| 石河子市| 泰州市| 门头沟区| 五家渠市| 临潭县| 玛沁县| 尼玛县| 松桃| 兰州市| 紫阳县| 安多县| 馆陶县| 休宁县| 宁南县| 波密县| 惠水县| 盐城市| 定州市| 定州市| 海伦市| 扎鲁特旗|