jquery时间倒计时

代码:

js:

function countDown(time, id) {  //time的格式yyyy/MM/dd hh:mm:ss
    var day_elem = $(id).find(‘.day‘);
    var hour_elem = $(id).find(‘.hour‘);
    var minute_elem = $(id).find(‘.minute‘);
    var second_elem = $(id).find(‘.second‘);
    var end_time = new Date(time).getTime(), //月份是实际月份-1
    sys_second = (end_time - new Date().getTime()) / 1000;
    var timer = setInterval(function () {
        if (sys_second > 1) {
            sys_second -= 1;
            var day = Math.floor((sys_second / 3600) / 24);
            var hour = Math.floor((sys_second / 3600) % 24);
            var minute = Math.floor((sys_second / 60) % 60);
            var second = Math.floor(sys_second % 60);
            day_elem && $(day_elem).text(day); //计算天
            $(hour_elem).text(hour < 10 ? "0" + hour : hour); //计算小时
            $(minute_elem).text(minute < 10 ? "0" + minute : minute); //计算分钟
            $(second_elem).text(second < 10 ? "0" + second : second); //计算秒杀
        } else {
            clearInterval(timer);
        }
    }, 1000);
}

html:

  <p id="colockbox">
              <span class="day" id="day">00</span>

     <span class="hour">00</span>:

<span  class="minute">24</span>:

     <span class="second">24</span>
      </p>

时间: 2024-12-19 06:32:58

jquery时间倒计时的相关文章

JavaScript 倒计时(截止某日期的倒计时和截止每晚12点的倒计时以及固定时间倒计时)

截止某日期的倒计时和截止每晚12点倒计时: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <h1 id="divTime"></h1> </body> <script type="text/javascript&qu

jquery实现倒计时

1 <html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>jquery实现倒计时</title> 5 <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script> 6 </head> 7 8 <body> 9 <

jQuery实现倒计时效果-杨秀徐

本实例效果:剩余368天22小时39分57秒结束 代码简单易懂,适用各种倒计时: <!DOCTYPE html> <head> <title>jQuery实现倒计时效果-杨秀徐</title> <script type="text/javascript" src="/scripts/jquery.js"></script> <script type="text/javascrip

jQuery控制倒计时

1.1 秒杀的倒计时 做秒杀网页总免不了倒计时,但没有很好的服务器,啥资源都没有,只能将部分任务交给浏览器去处理,比如秒杀首页的倒计时,因为真正秒杀是在具体页面,首页只是展示而已,所以误差一点是允许的. 而在具体商品页,时间要求比较严谨,可以通过每秒向服务器提交信息核实,也可以通过隔时间段提交,核对并确保时间无误(误差较小). 1.2 jQuery控制倒计时示例 1 $(document).ready(function() { 2 onTimer("#time",12000); 3 }

JQuery时间格式化插件--扩展JQuery

(function($){ $.formatDate = function(pattern,date){ //如果不设置,默认为当前时间 if(!date) date = new Date(); if(typeof(date) ==="string"){ if(date=="") date = new Date(); else date = new Date(date.replace(/-/g,"/")); } /*补00*/ var toFix

时间倒计时

JavaScript中的Date日期对象 Date()返回当前日期和时间 getDate()查看Date对象并返回日期(1-31) getDay()返回星期几(0-6) getHours()返回小时数(0-23) getMinutes()返回分钟数(0-59) getMonth()返回月份值(从0开始,+1) getSeconds() 返回秒数 getTime() getYear() getFullYear() 时间倒计时代码如下: <!DOCTYPE HTML><html><

指定时间倒计时

<!doctype html><html><head> <meta charset="utf-8"> <title>指定时间倒计时</title></head><body><DIV id="CountMsg" class="HotDate"> <span id="t_d">00天</span> &

jquery时间格式化插件

插件的代码: (function($){ $.formatDate = function(pattern,date){ //如果不设置,默认为当前时间 if(!date) date = new Date(); if(typeof(date) ==="string"){ if(date=="") date = new Date(); else date = new Date(date.replace(/-/g,"/")); } /*补00*/ va

jquery时间轴幻灯展示源代码

查看效果:http://hovertree.com/texiao/jquery/75/ 源代码下载:http://hovertree.com/h/bjaf/8jlpc2wu.htm 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <tit