jquery计算时间差(天、时、分、秒)并使用定时器实时获取

类似网站抢购需求,会有个时间倒计时的展示(天、时、分、秒)

要拿到最终时间与当前时间对比,算出时间差并用定时器以秒的方式执行

实现代码:

$(document).ready(function(){
    run(enddate);
});
//定时器
function run(enddate){
    //如果enddate为后台传入的Date类型,这里直接转化为毫秒数
    enddate=new Date(eddate.replace("T"," ").getTime());
    //以500毫秒的速度执行(可以避免方法执行速度慢会影响展示效果的情况)0
    var time = 500;
    setInterval("dateDif(‘"+enddate+"‘)",time);
}
//计算时间相差
function dateDif(enddate){
    var date = enddate - new Date().getTime();
    var days    = date / 1000 / 60 / 60 / 24;
    var daysRound   = Math.floor(days);
    var hours    = date/ 1000 / 60 / 60 - (24 * daysRound);
    var hoursRound   = Math.floor(hours);
    var minutes   = date / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
    var minutesRound  = Math.floor(minutes);
    var seconds   = date/ 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
    var secondsRound  = Math.floor(seconds);
    var time = "倒计时"+(daysRound+"天"+hoursRound +"时"+minutesRound+"分"+secondsRound+"秒");
    $("#ytime").text(time);
    } 

会得到类似如下效果:

时间: 2024-10-16 09:04:08

jquery计算时间差(天、时、分、秒)并使用定时器实时获取的相关文章

php计算时间差/两个时间日期相隔的天数,时,分,秒.

<?php function timediff( $begin_time, $end_time ) { if ( $begin_time < $end_time ) { $starttime = $begin_time; $endtime = $end_time; } else { $starttime = $end_time; $endtime = $begin_time; } $timediff = $endtime - $starttime; $days = intval( $timed

JS实现倒计时(天数,时,分,秒)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>JS实现倒计时(天数,时,分,秒)</title> <link rel="stylesheet" type="text/css" href="../css/reset.css"> <link rel="sty

将毫秒 换算成(天 时 分 秒 毫秒)

啥也不多说了,直接贴代码,需要的朋友可以拿去直接用,代码比较简单 /* * 毫秒转化 */ public static String formatTime(long ms) { int ss = 1000; int mi = ss * 60; int hh = mi * 60; int dd = hh * 24; long day = ms / dd; long hour = (ms - day * dd) / hh; long minute = (ms - day * dd - hour *

JavaScript基础 Date(年,月,日,时,分,秒,毫秒) 多个整型赋值

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

基于jqeury/zepto的年/月/日 时:分:秒 时间快捷控件(支持键盘操作)

最近在项目中屡次遇到时分秒格式的时间输入需求, 还老被吐槽说这个时间输入贼蛋疼,一不小心就输错,而且花费的时间不少.为了堵住悠悠用户之口,也为了今后有需求能直接拿来使用~~so整了这个简易的小控件.支持根据默认时间格式自动生成对应格式控件,支持键盘上下按键调整时间(长按连续调整), 支持键盘左右按键切换时间输入位置,当然...时间控件的位置完全可以自行定义 HTML和CSS狠简单: <style> form, p, span, div, ul, li, input, dl, dt, dd, h

jQuery UI Datepicker&amp;Datetimepicker添加 时-分-秒 并且,判断

jQuery UI Datepicker时间(年-月-日) 相关代码: <input type="text" value="" name="adv_start_time" id="adv_start_time" class="txt date"> <script type="text/javascript" src="xxxx路径/jquery.ui.js&q

计算两个时间差并返回差多少天,时,分,秒

本函数实现两个unix时间戳的差,并返回两个时间戳相差的天.小时.分.秒,精确到秒,两个参数都是时间戳,虽然代码很简单,但是很实用. function timediff($begin_time,$end_time) { if($begin_time < $end_time){ $starttime = $begin_time; $endtime = $end_time; } else{ $starttime = $end_time; $endtime = $begin_time; } $time

活动倒计时 天 时 分 秒

需求:若大于24小时显示天,若小于24小时,显示秒 template <span v-if="day>0"> <span class="fuliTime">{{day}}</span><span class="fuliPoint">天:</span> </span> <span class="fuliTime">{{hour}}</

Java 获取年 月 日 时 分 秒

/** * 英文简写(默认)如:2010-12-01 */ public static String FORMAT_SHORT = "yyyy-MM-dd"; /** * 英文全称 如:2010-12-01 23:15:06 */ public static String FORMAT_LONG = "yyyy-MM-dd HH:mm:ss"; /** * 精确到毫秒的完整时间 如:yyyy-MM-dd HH:mm:ss.S */ public static Str