真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

微信小程序—setTimeOut定時器的問題及解決

背景

成都創(chuàng)新互聯(lián)公司是專業(yè)的皇姑網(wǎng)站建設公司,皇姑接單;提供成都網(wǎng)站建設、做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行皇姑網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

實驗室需要將項目的app搬到微信的小程序上,終于知道為什么程序員是手藝人了,只要有需求,就要想方設法去填充這種需求,去年是小程序的元年了可以說,去年冬天一個叫跳一跳的小程序游戲出現(xiàn)在我的微信中,當時就覺得騰訊是真的牛皮。一時間很多的軟件小程序版相繼出現(xiàn),各大微信公眾號也開始關聯(lián)小程序。小程序相比于app,有著獨特的優(yōu)勢,其中最大的就是沒有ios和android平臺之分,但是同時也有局限,你給我開發(fā)個小程序王者榮耀試試。

定時任務

微信小程序API中有兩種定時任務

  • setInterval
  • setTimeOut

這兩者都能實現(xiàn)定時任務,比如實現(xiàn)一個定時器,但是建議采用后者setTimeOut,理由是前者并不精確。詳細請參考

https://www.zhihu.com/question/20479535

setTimeOut用法

不多說直接上:

var timerName = setTimeOut(function() {
	//循環(huán)代碼
}, delay)

這里在循環(huán)代碼處做我們需要循環(huán)處理的邏輯,delay是延遲的毫秒數(shù),5秒 = 5 * 1000,timerName是返回的定時器名稱,有什么用,因為要取消這個定時器就需要給需要給出取消的定時器名稱

clearTimeOut(timerName)

我有一個需求是每五秒獲取一次位置

startReportHeart() {
   var timerTem = setTimeout(function () {
     that.heartReport();
   }, app.globalConfig.heart_delay)
   // 保存定時器name
   that.setData({
     timer: timerTem
   })
 },

heartReport()就是獲取位置信息,這樣的效果是,只執(zhí)行了一次。然后查看了一通資料,發(fā)現(xiàn)這個setTimeOut只是在delay毫秒之后執(zhí)行代碼,嗦嘎。

那如何才能循環(huán)執(zhí)行呢?——>遞歸登場

好吧,我的遞歸就是(錯誤代碼)

startReportHeart() {
   var timerTem = setTimeout(function () {
     that.heartReport();
   }, app.globalConfig.heart_delay)
   // 保存定時器name
    that.setData({
      timer: timerTem
   })
   })
   that.startReportHeart()
 },

好像沒有毛病啊,自遞歸調用,嗯,沒毛病,但是,,,,情況就是,瞬間出現(xiàn)了堆棧溢出。哈哈哈哈哈哈哈。。。。。。。
分析:

我在startReportHeart函數(shù)中開啟了一個timer,5秒后開始執(zhí)行,heartReport獲取位置信息,此時直接遞歸調用自己,再開啟一個timer,我的天,這么愚蠢的代碼,是誰寫的,沒錯就是我。手動捂臉。

在知道了原因之后,那么如何才能解決呢?我們需要5秒后在一次執(zhí)行,對就是這個需求,那么自然就是在timer中調用自身啊。笨蛋。

正確代碼:

startReportHeart() {
   var timerTem = setTimeout(function () {
     that.heartReport();
     that.startReportHeart()
   }, app.globalConfig.heart_delay)
   // 保存定時器name
   that.setData({
      timer: timerTem
   })
 },

就這樣完美。

總結

有的時候,遇到的坑真的很想打自己一巴掌,但是解決坑的過程,并發(fā)現(xiàn)自己的愚蠢卻是一件非常開心的事呢。這個過程也是十分的funning呢。

小程序開發(fā)剛開始一周時間,是的,一周上手,一點一點,現(xiàn)在越來越順手,雖然寫的東西比較low,但是再一次印證了那句話,只有實踐才是最好的學習方式。不要找什么從入門到精通,你會發(fā)現(xiàn),這些都會讓你從入門到放棄。

,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值


本文名稱:微信小程序—setTimeOut定時器的問題及解決
當前鏈接:http://weahome.cn/article/gieihd.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部