js 倒计时 php,2种简单的js倒计时实现方法

本文主要为大家详细介绍了2个简单js倒计时方式，一是带天数的倒计时，二是单纯分钟和秒倒计时，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

一般倒计时的时间都是后台传来的然后渲染到页面，这里有2个简单的倒计时方式

//带天数的倒计时

function countDown(times){

var timer=null;

timer=setInterval(function(){

var day=0,

hour=0,

minute=0,

second=0;//时间默认值

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);

}

//单纯分钟和秒倒计时

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);

}

如何使用

js 倒计时 php,2种简单的js倒计时实现方法相关推荐

java 调用关系_【Java基础】几种简单的调用关系与方法
直接上代码吧. class lesson4AB //同一个类下的public修饰的方法A,B可以相互调用 { public void A() { B();//等价于this.B(); } public ...
CSS里总算是有了一种简单的垂直居中布局的方法了
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><me ...
LVC | 一种简单的小样本目标检测方法
欢迎关注我的公众号 [极智视界],获取我的更多笔记分享大家好,我是极智视界,本文解读一下 Label, Verify, Correct (LVC):一种简单的小样本目标检测方法. 本文的 ...
python图表制作方法_Python中一种简单的动态图表制作方法
在读技术博客的过程中,我们会发现那些能够把知识.成果讲透的博主很多都会做动态图表.他们的图是怎么做的?难度大吗?这篇文章就介绍了Python中一种简单的动态图表制作方法. 数据暴增的年代,数据科学家. ...
怎么录屏幕视频，不要错过这4种简单的电脑录屏方法
屏幕截图和屏幕录制是我们日常生活中常用的一种手段.比如把自己感兴趣的视频录下来和朋友们分享,或者录制操作视频教程让大家知道怎么做.那怎么录屏幕视频,今天在这里小编为大家推荐4种简单的电脑录屏方法,有需 ...
html加js倒计时代码,分享最简单的JavaScript倒计时代码（附完整代码）
工作中经常需要在页面中设置倒计时,那你知道JS倒计时代码怎么写吗?这篇文章就给大家分享一个最简单的JS倒计时代码,以及详细的倒计时JS代码的思路,,有一定的参考价值,感兴趣的朋友可以看看. 举例:设定 ...
js中的4种函数调用模式：函数调用、方法调用、构造器调用、间接调用
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数教程全解 js中的4种函数调用模式 javascript一共有4种调用模式:函数调用模式.方法调用模式.构造器调用模式和间接调用模式. ...
视频怎么做成GIF表情包？教你两种简单好用的制作方法
怎么把视频制作成GIF表情包呢?制作表情包最大的好处是可以让你的聊天更有趣.表情包可以表达更多的情感和语气,让聊天更加生动活泼.相信大家对此都深有体会,每当网络上出现热梗的影视片段,就会有非常多的相关 ...
一种简单实用的全屏方法
实现程序全屏幕显示的思路有很多种,最常见的一种就是: 1)利用Windows API提供的一个结构体WINDOWPLACEMENT来存储全屏显示前视图和主框架窗口在屏幕上的位置和显示信息.非客户区窗口 ...

js 倒计时 php,2种简单的js倒计时实现方法

js 倒计时 php,2种简单的js倒计时实现方法相关推荐

最新文章

热门文章