博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery时间倒计时
阅读量:7086 次
发布时间:2019-06-28

本文共 1099 字,大约阅读时间需要 3 分钟。

代码:

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>

转载于:https://www.cnblogs.com/linJie1930906722/p/5210867.html

你可能感兴趣的文章
mysql sql语句大全
查看>>
《Java从小白到大牛精简版》之第2章 开发环境搭建
查看>>
主机安全(1)iptables介绍
查看>>
Android学习——使用videoView 来播放视频
查看>>
dump_array 将数组内容格式化输出
查看>>
Xenserver 虚机模板制作
查看>>
XenDesktop5.5部署(一)---Image镜像制作
查看>>
nginx+uwsgi部署django项目
查看>>
CSS 盒模型
查看>>
给screen发送一个命令运行,并保持screen不退出。
查看>>
dnsmasq配置
查看>>
玩转linux 第五天之正则表达式
查看>>
测试用例编写规范
查看>>
Linux vsftpd服务器
查看>>
使用ADRCI打oracle故障包
查看>>
简易更改win系统的连接
查看>>
Apache+PHP+SSL 安装步骤
查看>>
IPSEC ***学习笔记 (二)
查看>>
JQuery学习笔记-操作DOM元素
查看>>
【远程医疗专题】远程医疗论文30篇及解决方案10篇
查看>>