倒计时(距离活动结束还有X天X小时X分X秒)
一个简单的倒计时,可以设定结束时间,然后自动计算出距离活动结束还有X天X小时X分X秒。
废话不多说,上代码,挺简单的,代码里有注释:
// 活动倒计时
var time_end = new Date("2016/9/16 17:00:00"); // 将结束时间设定为国际标准时间
time_end = time_end.getTime(); //获得结束时间到1970/01/01之间的毫秒数
function show_time(){
var time_now = new Date(); // 获取当前时间
time_now = time_now.getTime(); //获取当前时间到1970/01/01之间的毫秒数
var time_distance = time_end - time_now; // 结束时间减去当前时间
var int_day, int_hour, int_minute, int_second;
if(time_distance >= 0){
// 天时分秒换算
int_day = Math.floor(time_distance/86400000) //计算有多少天,向下取整
time_distance -= int_day * 86400000; //间隔时间减去天数
int_hour = Math.floor(time_distance/3600000) //计算剩余时间含有多少小时,向下取整
time_distance -= int_hour * 3600000; //再减去整数小时
int_minute = Math.floor(time_distance/60000) //计算剩余时间含有多少分钟,向下取整
time_distance -= int_minute * 60000; //再减去整数分钟
int_second = Math.floor(time_distance/1000) //计算剩余时间含有多少秒
// 时分秒为单数时、前面加零站位
if(int_hour < 10)
int_hour = "0" + int_hour;
if(int_minute < 10)
int_minute = "0" + int_minute;
if(int_second < 10)
int_second = "0" + int_second;
// 显示时间
$('.day').html(int_day);
$('.hour').html(int_hour)
$('.min').html(int_minute)
$('.second').html(int_second)
}
};
window.setInterval(function(){show_time();}, 1000);
倒计时(距离活动结束还有X天X小时X分X秒)的更多相关文章
- 订单支付倒计时-剩余时间xx小时xx分xx秒
//<input type="hidden" id="endTime" value="1554912000000"> 结束时间 ...
- JS倒计时,距离某一日期还有多少时间
JS计算从现在到某个时刻还有多少时间,显示当前日期时间距离x年x月x日还有x天x小时x分钟x秒,如果给定时间比当前时间更早,则显示为距离2012-9-30已过去1天22小时26分30秒的格式,如果给定 ...
- js学习笔记之日期倒计时(天,时,分,秒)
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- iOS开发之-- 抢购、距活动结束,剩余时间倒计时
因为没有时间去着重研究过这个东西,只是知道大体上的逻辑,就是两个时间才行比对,具体的实现也是参考别人的写的方法, 只是做个记录,有时间会好好看看这个东西,具体代码如下: /** * 倒计时 * * @ ...
- javascript - 活动倒计时(天、时、分、秒)
计数时: 结束时: 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- jsp系统时间和时间对比(活动结束不结束)
jsp页面拿到系统时间 <jsp:useBean id="now" class="java.util.Date" /> <fmt:format ...
- 微信小程序+PHP:动态显示项目倒计时(格式:4天7小时58分钟39秒)
1.一般我们说的显示秒杀都是指的单条数据,循环我没做. 效果: 2.wxml代码: <p class="endtime_act">距报名截止还有: <block ...
- .net 计算当前时间距离今晚00:00:00还有多少分多少秒
string dateDiff = null; DateTime DateTime1 = DateTime.Now; //第二天的0点00分00秒 DateTime DateTime2 = DateT ...
- Java 实现倒计时(由秒计算天、小时、分钟、秒)
public class Countdown4 { private static long day = 0; private static long hour = 0; private static ...
随机推荐
- 解决mysql启动时报The server quit without updating PID file 的错误(转)
1.一般是权限问题,把用户和组改为mysql就可以了. chown -R mysql:mysql /var/lib/mysql 2.在启动mysql时报下列错误 [root@mysqld2 ~]# ...
- MYSQL数据库-约束
约束是一种限制,它通过对表的行或列的数据做出限制,来确保表的数据的完整性.唯一性. MYSQL中,常用的几种约束: 约束类型: 主键 默认值 唯一 外键 非空 关键字: PRIMARY KEY DEF ...
- iwebshop两表联查
$tb_goods = new IQuery('goods as g'); $tb_goods->join='left join miao as m on m.goods_id=g.id'; $ ...
- 一次SocketException:Connection reset 异常排查
问题描述 上一期的需求上线之后,线上多了一个异常:Connection reset.如下: [2017-03-22 00:45:00 ERROR] [creativeAuditTaskSchedule ...
- 跨站的艺术-XSS Fuzzing 的技巧
作者 | 张祖优(Fooying) 腾讯云 云鼎实验室 对于XSS的漏洞挖掘过程,其实就是一个使用Payload不断测试和调整再测试的过程,这个过程我们把它叫做Fuzzing:同样是Fuzzing, ...
- C++ 拷贝控制和资源管理,智能指针的简单实现
C++ 关于拷贝控制和资源管理部分的笔记,并且介绍了部分C++ 智能指针的概念,然后实现了一个基于引用计数的智能指针.关于C++智能指针部分,后面会有专门的研究. 通常,管理类外资源的类必须定义拷贝控 ...
- 老李分享:接电话之uiautomator 1
老李分享:接电话之uiautomator poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家咨询qq:9 ...
- ORA-00918: 未明确定义列
ORA-00918: 未明确定义列 出现问题原因及解决办法. --正常写,结果带上表名的字段在处理后表头名称相同,在进行下一次嵌套时就会出现问题 select au.userxm,au01.user ...
- HTML基础学习(一)—HTML
一.HTML的介绍 HTML(HyperText Markup Language)超文本标记语言,不是一种编程语言,而是一种描述性的标记语言,用于描述超文本的内容的显示,比如字体颜色或者大小 ...
- Android M以上运行时权限(Google官方出品)
转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6690152.html 网上运行时权限的例子.Demo无计其数,但是和Google官方出品的比起来,都显得很 ...