2種簡單的js倒計(jì)時方式
更新時間:2017年10月20日 15:06:37 作者:逗伴不是瓣
這篇文章主要為大家詳細(xì)介紹了2個簡單js倒計(jì)時方式,一是帶天數(shù)的倒計(jì)時,二是單純分鐘和秒倒計(jì)時,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
一般倒計(jì)時的時間都是后臺傳來的然后渲染到頁面,這里有2個簡單的倒計(jì)時方式
//帶天數(shù)的倒計(jì)時
function countDown(times){
var timer=null;
timer=setInterval(function(){
var day=0,
hour=0,
minute=0,
second=0;//時間默認(rèn)值
if(times > 0){
day = Math.floor(times / (60 * 60 * 24));
hour = Math.floor(times / (60 * 60)) - (day * 24);
minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
}
if (day <= 9) day = '0' + day;
if (hour <= 9) hour = '0' + hour;
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
//
console.log(day+"天:"+hour+"小時:"+minute+"分鐘:"+second+"秒");
times--;
},1000);
if(times<=0){
clearInterval(timer);
}
}
//單純分鐘和秒倒計(jì)時
function resetTime(time){
var timer=null;
var t=time;
var m=0;
var s=0;
m=Math.floor(t/60%60);
m<10&&(m='0'+m);
s=Math.floor(t%60);
function countDown(){
s--;
s<10&&(s='0'+s);
if(s.length>=3){
s=59;
m="0"+(Number(m)-1);
}
if(m.length>=3){
m='00';
s='00';
clearInterval(timer);
}
console.log(m+"分鐘"+s+"秒");
}
timer=setInterval(countDown,1000);
}
如何使用


更多關(guān)于倒計(jì)時的文章請查看專題: 《倒計(jì)時功能》
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
JS(JQuery)操作Array的相關(guān)方法介紹
本篇文章主要是對JS(JQuery)操作Array的相關(guān)方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
JavaScript實(shí)現(xiàn)繼承的4種方法總結(jié)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)繼承的4種方法總結(jié),本文給出了原型鏈繼承、構(gòu)造繼承、實(shí)例繼承、拷貝繼承等實(shí)現(xiàn)JS繼承的方法,需要的朋友可以參考下2014-10-10
uniapp實(shí)現(xiàn)人臉識別功能詳細(xì)示例
這次使用uni-app框架開發(fā)一個小程序,有一個刷臉功能,所以下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)人臉識別功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
詳解處理bootstrap4不支持遠(yuǎn)程靜態(tài)框問題
這篇文章主要介紹了詳解處理bootstrap4不支持遠(yuǎn)程靜態(tài)框問題,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
利用javascript中的call實(shí)現(xiàn)繼承
利用javascript中的call實(shí)現(xiàn)繼承...2007-01-01
JavaScript requestAnimationFrame動畫詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript requestAnimationFrame動畫,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09

