国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

javascript 實(shí)現(xiàn)一個(gè)簡單的帶毫秒的倒計(jì)時(shí)

Amos / 1339人閱讀

摘要：最近做的一個(gè)微信端小游戲，通過搖一搖獲得金幣，這里有一個(gè)倒計(jì)時(shí)的幾秒鐘時(shí)間限制，帶有毫秒。把時(shí)間看成是不斷減少的數(shù)字，設(shè)定一個(gè)時(shí)間總數(shù)，如需要秒，總數(shù)就為，每隔毫秒減少分鐘為總數(shù)除以得到的整數(shù)，毫秒為當(dāng)前總數(shù)減去分鐘數(shù)乘以

最近做的一個(gè)微信端小游戲，通過搖一搖獲得金幣，這里有一個(gè)倒計(jì)時(shí)的幾秒鐘時(shí)間限制，帶有毫秒。

設(shè)計(jì)圖毫秒采用小數(shù)點(diǎn)后三位，我覺得兩位比較好看，所以改成了兩位的。
實(shí)現(xiàn)之前，我還是先在網(wǎng)上搜索了一下各種實(shí)現(xiàn)方法，有很多，常見的都是利用日期時(shí)間對(duì)象來解決。
所以我覺得這種有些過于繁瑣，畢竟這種小游戲時(shí)間單位數(shù)量級(jí)只有秒，就試著寫了一種簡單的方法。

https://jsfiddle.net/g35s9oy1/embedded/result,js,html,css/

這里使用了按鈕觸發(fā)，實(shí)際頁面是檢測手機(jī)搖晃觸發(fā)，因此也不需要暫停、恢復(fù), 有需要可以再添加。

思路解釋一下：
1. 1000毫秒為1秒，我這里是分鐘后面毫秒有兩位數(shù)，所以定時(shí)器間隔時(shí)間就設(shè)為10毫秒。
2. 把時(shí)間看成是不斷減少的數(shù)字，設(shè)定一個(gè)時(shí)間總數(shù)，如需要5秒，總數(shù)就為500，每隔10毫秒減少1
3. 分鐘為總數(shù)除以100得到的整數(shù)，毫秒為當(dāng)前總數(shù)減去分鐘數(shù)乘以100.

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/85820.html

相關(guān)文章

  • setTimeout 或者 setInterval，關(guān)于 Javascript 計(jì)時(shí)器：你需要知道的

    摘要：所以，我們可以將理解為計(jì)時(shí)結(jié)束是執(zhí)行任務(wù)的必要條件，但是不是任務(wù)是否執(zhí)行的決定性因素。的意思是，必須超過毫秒后，才允許執(zhí)行。 先來回答一下下面這個(gè)問題：對(duì)于 setTimeout(function() { console.log(timeout) }, 1000) 這一行代碼，你從哪里可以找到 setTimeout 的源代碼（同樣的問題還會(huì)是你從哪里可以看到 setInterval 的...

    Warren 評(píng)論0 收藏0

  • Javascript學(xué)習(xí)總結(jié) - JS基礎(chǔ)系列三

    摘要：案例每隔毫秒調(diào)用函數(shù)并顯示時(shí)間。當(dāng)點(diǎn)擊按鈕時(shí)，停止時(shí)間代碼如下計(jì)時(shí)器每隔毫秒調(diào)用函數(shù)，并將返回值賦值給計(jì)時(shí)器計(jì)時(shí)器，在載入后延遲指定時(shí)間后去執(zhí)行一次表達(dá)式僅執(zhí)行一次。該值標(biāo)識(shí)要取消的延遲執(zhí)行代碼塊。 簡述 本系列將持續(xù)更新Javascript基礎(chǔ)部分的知識(shí)，誰都想掌握高端大氣的技術(shù)，但是我覺得沒有一個(gè)扎實(shí)的基礎(chǔ)，我認(rèn)為一切高階技術(shù)對(duì)我來講都是過眼云煙，要成為一名及格的前端工程師，必須把...

    zlyBear 評(píng)論0 收藏0

  • JS 異步的實(shí)現(xiàn)

    摘要：由于引擎同一時(shí)間只執(zhí)行一段代碼這是由單線程的性質(zhì)決定的，所以每個(gè)代碼塊阻塞了其它異步事件的進(jìn)行。這意味著瀏覽器將等待著一個(gè)新的異步事件發(fā)生。異步的任務(wù)執(zhí)行的順序是不固定的，主要看返回的速度。 我們經(jīng)常說JS是單線程的，比如node.js研討會(huì)上大家都說JS的特色之一是單線程的，這樣使JS更簡單明了，可是大家真的理解所謂JS的單線程機(jī)制嗎？單線程時(shí)，基于事件的異步機(jī)制又該當(dāng)如何，這些知識(shí)...

    sihai 評(píng)論0 收藏0

  • javascript日期類型(Date)與php日期類型詳解

    摘要：注意客戶端與服務(wù)器日期進(jìn)行傳輸?shù)臅r(shí)候一般都是用大整數(shù)時(shí)間戳進(jìn)行傳輸。 前言 一個(gè)網(wǎng)站的開發(fā)需要要UI、前端、后端三種工程師。現(xiàn)在的企業(yè)在招聘前端工程師的時(shí)候一般都要求其了解或者掌握一些后端的知識(shí)。因此，此文章主要介紹javascript的日期類型，也粗略的介紹一下php的日期類型，以及二者是如何交互數(shù)據(jù)的。 時(shí)間戳 什么是時(shí)間戳 時(shí)間戳是從格林威治時(shí)間1970年1月1日(00:0...

    chemzqm 評(píng)論0 收藏0

  • javascript日期類型(Date)與php日期類型詳解

    摘要：注意客戶端與服務(wù)器日期進(jìn)行傳輸?shù)臅r(shí)候一般都是用大整數(shù)時(shí)間戳進(jìn)行傳輸。 前言 一個(gè)網(wǎng)站的開發(fā)需要要UI、前端、后端三種工程師。現(xiàn)在的企業(yè)在招聘前端工程師的時(shí)候一般都要求其了解或者掌握一些后端的知識(shí)。因此，此文章主要介紹javascript的日期類型，也粗略的介紹一下php的日期類型，以及二者是如何交互數(shù)據(jù)的。 時(shí)間戳 什么是時(shí)間戳 時(shí)間戳是從格林威治時(shí)間1970年1月1日(00:0...

    BDEEFE 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<