//格式化时间

Date.prototype.format = function(format) {

/*

* 使用例子:format="yyyy-MM-dd hh:mm:ss";

*/

var o = {

"M+": this.getMonth() + 1, // month

"d+": this.getDate(), // day

"h+": this.getHours(), // hour

"m+": this.getMinutes(), // minute

"s+": this.getSeconds(), // second

"q+": Math.floor((this.getMonth() + 3) / 3), // quarter

"S": this.getMilliseconds() // millisecond

}

if (/(y+)/.test(format)) {

format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 -

RegExp.$1.length));

}

for (var k in o) {

if (new RegExp("(" + k + ")").test(format)) {

format = format.replace(RegExp.$1, RegExp.$1.length == 1 ?

o[k] :

("00" + o[k]).substr(("" + o[k]).length));

}

}

return format;

}

$(function() {

function antitime() {

var time = "2019-10-31 23:59:59";

var to = new Date(time.replace(/-/g, "/"));

var now = new Date();

var deltaTime = to.getTime() - now.getTime();

//超时就停止倒计时

if (deltaTime <= 0) {

window.clearInterval(timer);

return;

}

var d = Math.floor(deltaTime / (1000 * 60 * 60 * 24));

//alert(PrefixInteger(d,2));

var h = Math.floor(deltaTime / 1000 / 60 / 60 % 24);

var m = Math.floor(deltaTime / 1000 / 60 % 60);

var s = Math.floor(deltaTime / 1000 % 60);

//把时间的数字转成字符串, 如果时分秒不足10, 则前面补0

var timeStr = "" + (d / 10 >= 1 ? d = d : d = "0" + d) + (h / 10 >= 1 ? h = h : h = "0" + h) + (m / 10 >= 1 ? m = m : m = "0" + m) + (s / 10 >= 1 ? s = s : s = "0" + s);

//console.log(timeStr);

//each循环遍历.num元素

$(".limited-time-sale .dingshi").each(function(index, span) {

$(span).html(timeStr.substring(index, index + 2));

if (index == 1) $(span).html(timeStr.substring(2, 4));

if (index == 2) $(span).html(timeStr.substring(4, 6));

if (index == 3) $(span).html(timeStr.substring(6, 8));

//$(span).html();这个方法是用来设置span里面的值的

});

}

//每秒执行一次

var timer = setInterval(antitime, 1000);

})

//时间补位(不够两位补零)

function PrefixInteger(num, length) {

return (Array(length).join('0') + num).slice(-length);

}

html天时分秒倒计时,倒计时(天 时 分 秒)(原创)相关推荐

  1. 2022-07-20 工作记录--React-js将时间戳转换成“天时分秒” + “天时分秒”的倒计时

    一.实现效果 假如后端返了两个数据:当前时间的13位时间戳currentTimestamp.到期时间的13位时间戳expireTimestamp,想实现"还有多久到期的时间"的倒计 ...

  2. JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒(小时数累加)

    <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>JS ...

  3. Excel计算将时间字符串转换为时间格式 年-月-日 时:分:秒 且计算时间差得到 时分秒 格式

    Excel计算时间差时分秒 今天数据导出处理的时候碰见一个时间格式问题如下: 这个日期数据从数据库里导出来就是字符串了,由于取出来的还有一些很长的编码形式的字段怕被隐没,所以将数据粘贴之前我将exce ...

  4. java秒转换为年月日_SimpleDateFormat将月/日/年 时分秒转换为年-月-日 时:分:秒

    String expirTime = "12 / 27 / 2018 12: 00: 00 AM"; SimpleDateFormat in = new SimpleDateFor ...

  5. (常用代码)原声JS 实现倒计时的效果。分/秒/毫秒/

    (常用代码)原声JS 实现倒计时的效果.分/秒/毫秒/ 第一步:构建HTML 结构和样式 <!-- 构建 HTML --> <div class="timing" ...

  6. 将毫秒值(currentTimeMillis)转换为(年-月-日 时-分-秒)的形式,只需一行代码

    //首先获取当前的毫秒值long currentTimeMillis = System.currentTimeMillis();/*** 转换为年月日时分秒的形式,得到的currentTime就是转换 ...

  7. 原生JS实现拿到的时间戳“毫秒/秒”转为“时:分:秒”形式的效果

    在日常编程中,我们向后台数据,请求的可能是视频或者音乐的接口,后端返回给我们的数据中可能是视频或音乐的时长,通常都会给我们返回一个时间戳形式的字符.比如1454646毫秒或者秒.这个时候我们就需要把这 ...

  8. shell高级脚本:“秒”转换为“时-分-秒”;ping

    "秒"转换为"时-分-秒" swap_seconds () {SEC=$1(( SEC < 60 )) && echo -e " ...

  9. [转载] 用python 获取当前时间(年-月-日 时:分:秒),并且返回当前时间的下一秒

    参考链接: Python获取当前时间 获取当前时间,并且返回当前时间的下一秒 因为存在年-月-日 时:分:秒 考虑到用split的方法做的话非常麻烦 所以引入time和datetime模块 当然 也可 ...

最新文章

  1. 深度学习框架盘点和实践!
  2. 机器人控制与感知有感
  3. python文件指针放在文件的开头_将文件指针倒带到上一个lin的开头
  4. 解决yarn全局安装模块后但仍提示无法找到命令的问题
  5. SAP Spartacus 3.0部署在development environment上
  6. 初次就这么给了你(Django-rest-framework)
  7. 贝叶斯 朴素贝叶斯_手动执行贝叶斯分析
  8. [html] 你有使用过MediaRecorder吗?说说它的运用场景有哪些?
  9. Android 系统(74)--Android重启原因分析
  10. ajax在php中使用方法,在项目中如何使用ajax请求
  11. Part2-HttpClient官方教程-Chapter5-流利的API
  12. matlab二重定积分_matlab 对于变限积分的计算,二重积分 三重积分
  13. informix数据库常用的命令
  14. 前端学习笔记之HTML body内常用标签
  15. java为word添加水印,图片水印和文字水印
  16. c++标准扩展TR1
  17. php长图生成,用 3 行代码就可以生成好看的锤子便签图片(传入内容即可,俗称长微博)...
  18. TO_DATE使用詳解
  19. 海海软件发布HHMeet MacOS和iOS版 – 加密保护Zoom视频会议,防止屏幕录像
  20. linux 解决安装Nvidia驱动后,或者声音选项里只有HDMI,声卡没有声音的方法[集锦]

热门文章

  1. 关于logcat的使用
  2. 阿里资深专家杭特:十余年目睹国内安全之“怪现状 ”
  3. 会议室预订小程序,共享会议室小程序,微信小程序会议室预约系统毕设作品
  4. AI考拉技术分享会—手把手教你入门UI 自动化测试 Appium
  5. 经典S Q L语句大全
  6. 区块链技术涉及哪些编程语言?
  7. 以Windows系统搭建基于Ethereum(以太坊)的区块链开发环境(具体操作与截图)
  8. jQuery源码分析之$.ajax方法
  9. RTKLIB学习总结(五)后处理函数调用流程、postpos、execses_b、execses_r、execses、procpos、rtkpos
  10. Codevs 1066 引水入城 2010年NOIP全国联赛提高组