廢話不多說直接上代碼:
創(chuàng)新互聯公司堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站設計、成都做網站、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的嘉興網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
效果圖:
index.js
Page({ /** * 頁面的初始數據 */ data: { countdown:'' , endDate2: '2018-08-08 11:41:00' }, /** * 生命周期函數--監(jiān)聽頁面加載 */ onLoad: function (options) { var that = this; that.countTime() }, countTime() { var that = this; var date = new Date(); var now = date.getTime(); var endDate = new Date(that.data.endDate2);//設置截止時間 var end = endDate.getTime(); var leftTime = end - now; //時間差 var d, h, m, s, ms; if (leftTime >= 0) { d = Math.floor(leftTime / 1000 / 60 / 60 / 24); h = Math.floor(leftTime / 1000 / 60 / 60 % 24); m = Math.floor(leftTime / 1000 / 60 % 60); s = Math.floor(leftTime / 1000 % 60); ms = Math.floor(leftTime % 1000); ms = ms < 100 ? "0" + ms : ms s = s < 10 ? "0" + s : s m = m < 10 ? "0" + m : m h = h < 10 ? "0" + h : h that.setData({ countdown: d + ":" + h + ":" + m + ":" + s + ":" + ms, }) //遞歸每秒調用countTime方法,顯示動態(tài)時間效果 setTimeout(that.countTime, 100); } else { console.log('已截止') that.setData({ countdown:'00:00:00' }) } }, })
index.html
<view> <text>{{countdown}}</text> </view>
以上所述是小編給大家介紹的小程序毫秒級倒計時詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯網站的支持!
當前名稱:詳解小程序毫秒級倒計時(適用于拼團秒殺功能)
標題鏈接:http://jinyejixie.com/article48/jopohp.html
成都網站建設公司_創(chuàng)新互聯,為您提供外貿網站建設、移動網站建設、定制網站、網站排名、網站設計、
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯