js根据当前时间和结束时间做倒计时（还有XXX天XXX时XXX分XXX秒）

js根据当前时间和结束时间做倒计时（还有XXX天XXX时XXX分XXX秒），当天，不需要XXX天数，剩余0小时，不需要显示XXX时，剩余0分钟，不需要显示XXX分

1. js方法
2. HTML代码

1. js方法

/**1. 根据结束时间和当前时间的倒计时2. 3. @param id:html 代码的id值4. @param endDateStr：结束时间*/
function getAcquisitionCountdown(id, endDateStr) {// 结束时间var endDate = new Date(endDateStr.replace(/-/g,"/"));// 当前服务器时间var now = new Date($.ajax({async : false}).getResponseHeader("Date"));nowDate = new Date(now.replace(/-/g,"/"));// 相差的总秒数var totalSeconds = parseInt((endDate - nowDate) / 1000);// 天数（转换成字符串类型，以防网不好的情况下，出现now）var day = totalSeconds / (60 * 60 * 24);var days=null;days=day.toString().split(".")[0];// 取模（余数）var modulo = totalSeconds % (60 * 60 * 24);// 小时数var hours = Math.floor(modulo / (60 * 60));modulo = modulo % (60 * 60);// 分钟var minutes = Math.floor(modulo / 60);// 秒var seconds = modulo % 60;// 输出到页面if (days != "0" && days>0) {document.getElementById(id).innerHTML =''剩余"+ days + "天" + hours+ "时" + minutes + "分" + seconds + "秒";} else if (days == 0 && hours != 0 && hours>0) {document.getElementById(id).innerHTML = ''剩余"+ hours + "时"+ minutes + "分" + seconds + "秒";} else if (hours == 0 && minutes != 0 && minutes>0) {document.getElementById(id).innerHTML = ''剩余"+ minutes + "分"+ seconds + "秒";} else if (minutes == 0 && seconds != 0 && seconds>0) {document.getElementById(id).innerHTML = ''剩余"+ seconds + "秒";} else {document.getElementById(id).innerHTML = "已结束";}// 延迟一秒执行自己setTimeout(function() {if (endDate >= nowDate) {TimeDown(id, endDateStr);}}, 1000)
}
//调用TimeDown方法
getAcquisitionCountdown("#shijian", "2018-12-22 14:10:08")；

2. HTML代码

<div id="shijian"></div >

js根据当前时间和结束时间做倒计时（还有XXX天XXX时XXX分XXX秒）相关推荐

html5在线天数计时器,HTML倒计时效果：天、时、分、秒 | 固定时间倒计时
需求分析: 希望制作一个固定时间倒计时效果,比如某某活动在4小时之后结束,点开网页,触发倒计时事件,开始4小时倒计时.考虑使用setInterval定时器,在时间为0后,clearInterval清除 ...
html5在线天数计时器,JS实现动态倒计时功能（天数、时、分、秒）
写在前面: 实现倒计时功能首先是得到目标时间,然后用当前时间减去目标时间,最后将时间差传化为天数.时.分.秒.由于得到的时间不能直接运算,可以采用object.getTime()方法转化成相同类型进行 ...
js实现计时器---解决活动倒计时(还有多少天、时、分、秒)
活动倒计时,是非常重要且常见的形式,例如京东.淘宝等商品活动,优惠或者打折所呈现的形式. 话不多说,上代码!!! <!DOCTYPE html> <html><head ...
python定义一个类描述数字时钟_定义一个时间类Time，能提供和设置由时、分、秒组成的时间，编写出应用程序，定义时间对象t...
展开全部 [基本题]定义一个时间类,提供设定时间.显示时间和秒数增加e68a8432313133353236313431303231363533313334336361371的功能,其中设定时间的方法 ...
用moment获取一年内指定周的起始时间和结束时间、用户所选时间和前端传参时间不一致问题
问题1: 原代码: //所选周selectedWeek:{handler(){let selectedWeek = parseInt(this.selectedWeek.substring(1))// ...
vue 实现当前时间到结束时间倒计时
首先封装一个方法,创建文件夹utils,在utils创建pluginUtil.js var pluginUtil = {}pluginUtil.install = function (Vue) {// ...
R语言ggplot2可视化：可视化所有日期不同时段任务的持续时间、将持续时间绘制成一条线（起始时间到结束时间），y轴表示活动发生的日期，x轴表示以小时为单位的时间
R语言ggplot2可视化:可视化所有日期不同时段任务的持续时间.将持续时间绘制成一条线(起始时间到结束时间),y轴表示活动发生的日期,x轴表示以小时为单位的时间(duration of an act ...
R语言ggplot2可视化：可视化所有日期不同时段任务的持续时间、将持续时间绘制成一条线（起始时间到结束时间），y轴表示活动发生的日期，x轴表示以小时为单位的时间、适应时间段跨越多天的情况
R语言ggplot2可视化:可视化所有日期不同时段任务的持续时间.将持续时间绘制成一条线(起始时间到结束时间),y轴表示活动发生的日期,x轴表示以小时为单位的时间.适应时间段跨越多天的情况(例如,当天 ...
ORACLE取周、月、季、年的開始时间和结束时间
1 取周的開始时间和结束时间取周的開始时间.以星期一为開始. SQL>SELECT TRUNC(TO_DATE('2013-11-25 10:31:11','YYYY ...

js根据当前时间和结束时间做倒计时（还有XXX天XXX时XXX分XXX秒）

js根据当前时间和结束时间做倒计时（还有XXX天XXX时XXX分XXX秒），当天，不需要XXX天数，剩余0小时，不需要显示XXX时，剩余0分钟，不需要显示XXX分

1. js方法

2. HTML代码

js根据当前时间和结束时间做倒计时（还有XXX天XXX时XXX分XXX秒）相关推荐

最新文章

热门文章