全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[郴州seo公司都选久澳]微信小程序实例:如何实现批量倒计时(附代码)

  本篇文章给大家带来的内容是关于微信小程序实例:如何实现批量倒计时(附代码),有一定的参考价值,有需要的朋友可以参考一下-•,希望对你有所帮助-•◁。[郴州seo公司都选久澳]
 

   //适用于商品列表倒计时/** * end_time int 结束时间 * param int 数组键 */

  1.展示效果如下□●:

  2○▷▪.wxml代码:

  

<•▼-•;p class="promotion-label-tits">◁…◆=;仅{{item.endtime}}</p>●◆;

 

  3.js代码:

  

//封装的倒计时方法
//批量倒计时
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 = "已结束"
 }
 that.setData({
 groupon…□○▷: groupons
 })
 setTimeout(function () {
 grouponcountdown(that◆★△, end_time, param);
 }, 1000)
}
// 时间格式化输出,海门市小程序制作公司[公司网站seo方案设计论文]diff的对象是虚拟dom,每1s都会调用一次
function dateformats(micro_second) {
 // 总秒数
 var second = Math.floor(micro_second / 1000)☆…○;
 // 天数
 var day = Math.floor(second / 3600 / 24);
 // 小时
 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({
 /**
 * 页面的初始数据
 */
 data: {
 collageTeamlist : {}
 },
 /**
 * 生命周期函数--监听页面加载
 */
 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
 //列表获取到数据进行遍历
 for (var i = 0; i <○▪; data◆…☆.length◇◁▲; i++) {
 var end_time = data[i].end_time…▼◆▷.replace(/-/g, '/'★◇…□;)
 grouponcountdown(that,end_time, i)
 }
 },
 })
 }■▷●▼,

 

   相关推荐=△:

  微信小程序的实例:实现下拉刷新数据的代码

  小程序◁▽:实现点击倒计时的代码

  小程序组件:聊天会话组件的介绍(附代码)

  以上就是微信小程序实例:如何实现批量倒计时(附代码)的详细内容▽…△▽,更多请关注久澳传媒编程栏目其它相关文章!丰城市小程序制作公司襄阳市小程序开发哪家好

[郴州seo公司都选久澳]微信小程序实例:如何实现批量倒计时(附代码)

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。