當前位置:編程學習大全網 - 站長素材 - 微信圖文中怎麽做倒計時?

微信圖文中怎麽做倒計時?

1、首先第壹步要直接使用setInterval即可,但是在微信小程序中,我們需要用微信小程序的語法,這時就會遇到壹個難題,那就是怎麽關閉定時器的問題,下面給出實例。WXML代碼。

2、接著就是下面是js實現代碼// indes.js需要壹個目標日期,初始化時,然後就是先得出到當前時間還有剩余多少秒將秒數換成格式化輸出為XX天XX小時XX分鐘XX秒 XX提供壹個時鐘,這時候每10ms運行壹次,渲染時鐘,再總ms數自減10剩余的秒次為零時,return。

3、每10ms都會調用壹次function dateformat(micro_second) {// 總秒 var second = Math.floor(micro_second / 1000);//var day = Math.floor(second / 3600/24)。

4、最後就用毫秒的步長受限於系統的時間頻率,於是我們精確到0.01s即10ms}// 時間格式化輸出,如1天天23時時12分分12秒秒12 ,微信圖文中做倒計時就成功了。

  • 上一篇:設計中圖形有那些形式?
  • 下一篇:小科蚪找媽媽的活動背景
  • copyright 2024編程學習大全網