html倒计时还有多少天,倒计时(距离活动结束还有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);

订单支付倒计时-剩余时间xx小时xx分xx秒

// 结束时间 ...

JS倒计时,距离某一日期还有多少时间

JS计算从现在到某个时刻还有多少时间,显示当前日期时间距离x年x月x日还有x天x小时x分钟x秒,如果给定时间比当前时间更早,则显示为距离2012-9-30已过去1天22小时26分30秒的格式,如果给定 ...

iOS开发之-- 抢购、距活动结束,剩余时间倒计时

因为没有时间去着重研究过这个东西,只是知道大体上的逻辑,就是两个时间才行比对,具体的实现也是参考别人的写的方法, 只是做个记录,有时间会好好看看这个东西,具体代码如下: /** * 倒计时 * * @ ...

javascript - 活动倒计时(天、时、分、秒)

计数时: 结束时: 示例:

jsp系统时间和时间对比(活动结束不结束)

jsp页面拿到系统时间

微信小程序+PHP:动态显示项目倒计时(格式:4天7小时58分钟39秒)

1.一般我们说的显示秒杀都是指的单条数据,循环我没做. 效果: 2.wxml代码:

距报名截止还有:

.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 ...

C# 计算当前时间距离今晚00:00:00还有多少分多少秒

.net 计算当前时间距离今晚00:00:00还有多少分多少秒 string dateDiff = null;//获取当前时间 DateTime DateTime1 = DateTime.Now; / ...

随机推荐

Tensorflow 实现稠密输入数据的逻辑回归二分类

首先 实现一个尽可能少调用tf.nn模块儿的,自己手写相关的function     import tensorflow as tf import numpy as np import melt_da ...

HTML5中的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只 ...

Log4j2常见使用示例及Syslog/Syslog-ng

准备工作 打开http://logging.apache.org/log4j/,点击左侧Download,我下载的是Apache Log4j 2 binary (zip),目前是2.0.2版本.解压后 ...

C#:基于WMI查询USB设备

来源:http://blog.csdn.net/jhqin/article/details/6734673 /* ------------------------------------------- ...

Oracle笔记 十二、PL/SQL 面向对象oop编程

------------------------抽象数据类型----------- --创建地址类型,一定要加as object,还可以在类型中加过程或方法 create or replace typ ...

.NET操作JSON

http://www.cnblogs.com/txw1958/archive/2012/08/01/csharp-json.html JSON文件读入到内存中就是字符串,.NET操作JSON就是生成与 ...

php中setcookie函数用法详解(转)

php中setcookie函数用法详解:        php手册中对setcookie函数讲解的不是很清楚,下面是我做的一些整理,欢迎提出意见.        语法:        bool set ...

String类的split方法以及StringTokenizer

split方法可以根据指定的表达式regex将一个字符串分割成一个子字符串数组. 它的参数有两种形式,也即:split(String regex)和split(String regex, int li ...

LocalDateTime返回的是Local时间

LocalDateTime返回的是本地时间,比如 LocalDateTime startDateTime = LocalDateTime.of(2016, 9, 18,00, 00); 返回的时间格式 ...

你可能感兴趣的:(html倒计时还有多少天)