全网整合营销服务商

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

免费咨询热线:15959292472

[拉萨seo公司搜久澳]微信小程序动态显示项目倒计时的效果

  这篇文章主要为大家详细介绍了微信小程序动态显示项目倒计时▪▽▲,开原市小程序开发哪家好格式如4天7小时58分钟39秒,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码,供大家参考,具体内容如下

  1、一般我们说的显示秒杀都是指的单条数据,循环我没做。敦化市小程序开发哪家好

  效果:

  

 

  2、wxml代码:

  

 

  

<•△▷•;p>
<block wx▪▪▲:if="◁••▲;{{total_micro_second<=0}}">剩余时间=◁▪△:已经截止</block>
<block wx:if="{{clock!='★-▽;已经截止'}}">剩余时间=△◇:{{clock}}</block>△◇;
<●◁•●;/p>▼…△;

 

  3、.js文件代码:

  

 

  

function countdown(that) {
 var EndTime = that.data.end_time 

 

   []; var NowTime = new Date().getTime()□□; var total_micro_second = EndTime - NowTime

   []●★; console.log('▽▪★☆;剩余时间:' + total_micro_second); // 渲染倒计时时钟 that.setData({ clock: dateformat(total_micro_second) })●□◇; if (total_micro_second <==▲□;= 0) { that.setData({ clock: "已经截止" }); //return☆☆□; } setTimeout(function () { total_micro_second -= 1000; countdown(that); } , 1000) } // 时间格式化输出◆■○☆,如11:03 25:19 每1s都会调用一次 function dateformat(micro_second) { // 总秒数 var second = Math.floor(micro_second / 1000); // 天数 var day = Math.floor(second/3600/24)●•★▷; // 小时 var hr = Math.floor(second/3600%24); // 分钟 var min = Math.floor(second/60%60); // 秒 var sec = Math▽●…•.floor(second%60); return day + "△▼▪;天" + hr + "小时" + min + "分钟" + sec+"秒"-▽-◆; } Page({ /** * 页面的初始数据 */ data△▷◆: { id:''☆▼••;, result□▼:[], end_time:'■◁=■;', clock=◁▪:'' },/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; wx.request({ url: 'https☆▪://m.******.com/index.php/Home/Xiaoxxf/activity_detail▷○?a_id='+options▲◆△=.id▷●▷,//不含富文本html data: {}◆=○, method: 'GET'▲•▽;, // OPTIONS, GET, HEAD•▼□■, POST, PUT, DELETE△☆▽, TRACE, CONNECT header: { 'Content-Type': 'application/json' }, success: function (res) { that○○▷.setData({ common■▽: res.data=○▪▽, //一维数组,全部数据 end_time: res■•▼.data.end_time //项目截止时间,时间戳,单位毫秒 }) console☆•….log(that.data.common); console☆◁○▲.log('结束时间:'▲☆=; + that.data★▪•▽.end_time); }▪◇▪●, fail◁•■: function (res) { }, complete: function (res) { }••◆, }), //调用上面定义的递归函数,舒兰市小程序制作公司一秒一刷新时间 countdown(that)■■; }◆●●■,

 

  以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网![拉萨seo公司搜久澳]

  相关推荐:

  微信小程序 setData的使用方法

  微信小程序日期时间选择器的使用方法

  微信小程序联网请求的轮播图

  

 

  以上就是微信小程序动态显示项目倒计时的效果的详细内容,22 2020.10 [钦州seo公司就选久澳]微信小程序中picker组件的简单用法 这篇文章主要介绍了微信小程序picker组件简单用法-■,结合实例形式详细分析了picker组件的功能、使用方法与相关注意事项,需要的朋友可以参考下 本文实例讲述了微信小程序picker组件简,更多请关注久澳传媒编程栏目其它相关文章■▪!

[拉萨seo公司搜久澳]微信小程序动态显示项目倒计时的效果

您的项目需求

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