function timeDown(second) {
var month = '', day = '', hour = '', minute = '';
if (second >= 86400 * 30) {
month = Math.floor(second / (86400 * 30)) + '月';
second = second % (86400 * 30);
}
if (second >= 86400) {
day = Math.floor(second / 86400) + '天';
second = second % (86400);
}
if (second >= 3600) {
hour = Math.floor(second / 3600) + '小时';
second = second % 3600;
}
if (second >= 60) {
minute = Math.floor(second / 60) + '分';
second = second % 60;
}
if (second > 0) {
second = second ? second + '秒' : '';
}
return month + day + hour + minute + second;
}

如果想显示倒计时效果,可以使用如下代码调用:

<!-- 引入jquery -->
<script>
$(function () {
var second = 10000;
$('.remain_time').html(timeDown(second));
setInterval(function () {
second--;
$('.remain_time').html(timeDown(second));
}, 1000);
})
</script>
<span class="remain_time"></span>

jquery插件形式:

            $.fn.timeDown = function (opt) {
var second = opt.second;
var tip = '已过期';
var $this = this;
self._timeDown = function (second) {
var month = '', day = '', hour = '', minute = '';
if (second >= 86400 * 30) {
month = Math.floor(second / (86400 * 30)) + '月';
second = second % (86400 * 30);
}
if (second >= 86400) {
day = Math.floor(second / 86400) + '天';
second = second % (86400);
}
if (second >= 3600) {
hour = Math.floor(second / 3600) + '小时';
second = second % 3600;
}
if (second >= 60) {
minute = Math.floor(second / 60) + '分';
second = second % 60;
}
if (second > 0) {
second = second ? second + '秒' : '';
} else {
return tip;
}
return month + day + hour + minute + second;
};
$this.html(self._timeDown(second));
setInterval(function () {
second--;
$this.html(self._timeDown(second));
}, 1000)
};
// 使用方式
$('.remain_time').timeDown({second:1000,tip:'已过期'})

javascript 计算倒计时的更多相关文章

  1. javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决

    javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决 在做移动端时间转化为时间戳时,遇到了一个问题,安卓手机上访问时,能拿到时间戳,从而正确转换时间,而在i ...

  2. javascript计算两个时间差

    其实,javascript计算时间差的方式非常简单,如果是默认的Date()类型,直接相减就是相差的毫秒数. var d1 = new Date('2016/03/28 10:17:22'); var ...

  3. javascript 计算文件MD5 浏览器 javascript读取文件内容

    原则上说,浏览器是一个不安全的环境.早期浏览器的内容是静态的,用户上网冲浪,一般就是拉取网页查看.后来,随着互联网的发展,浏览器提供了非常丰富的用户交互功能.从早期的表单交互,到现在的websocke ...

  4. javascript计算字符串长度

    javascript计算字符串长度 学习了:https://blog.csdn.net/u012934325/article/details/75214847 function getByteLen( ...

  5. 用Javascript 实现倒计时

    用Javascript 实现倒计时<!DOCTYPE html> <html lang="en"> <head> <meta charse ...

  6. Javascript实现倒计时和根据某时间开始计算时间

    JavaScript 代码 <script type="text/javascript"> var time_start = new Date('2018','7',' ...

  7. javaScript 计算两个日期的天数相差

    一:计算两个日期相差的天数 1 <html> <head> <meta http-equiv="Content-Type" content=" ...

  8. Javascript 实现倒计时效果

    代码来自于网上. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

  9. JavaScript 的倒计时

    一年前,在网上找到的例子,现在已经找不到出处,对不住原作者,请原谅.修改了一下,在刷新页面的情况下,倒计时不重来. 没有任何样式,纯文字倒计时. <!DOCTYPE html> <h ...

随机推荐

  1. 【密码学】DES、3DES

    文章1: 这一篇文章要解决数据加密——数据补位的问题.DES算法的两种模式ECB和CBC问题以及更加安全的算法——3DES算法. 一.数据补位 DES数据加解密就是将数据按照8个字节一段进行DES加密 ...

  2. Hibernate的工作流程以及三种状态(面试题)

    Hibernate的工作流程以及三种状态 部分转载自:http://www.cnblogs.com/fifiyong/p/6390699.html Hibernate的工作流程: 1. 读取并解析配置 ...

  3. linux解压与参数介绍

    linux下 各种解压文件使用方法:https://www.jianshu.com/p/ca41f32420d6 解压参数详解:http://www.cnblogs.com/jyaray/archiv ...

  4. ABAP:从例子学习ABAP

    1.插入内表行: *插入内表行: DATA: BEGIN OF man, name(20) TYPE c, high TYPE p DECIMALS 2, weight TYPE p DECIMALS ...

  5. 关于com工程依赖的一些总结

    作者:朱金灿 来源:http://blog.csdn.net/clever101 一是com组件工程的依赖设置.比如A这个组件工程要使用B组件工程的类,要如何设置呢?具体就是先把在A工程里加上B工程的 ...

  6. 有关 C# 命名参数和可选参数

    有关 C# 命名参数和可选参数 #1.命名参数: 所谓“命名参数 ( Named Arguments )”,是指方法中定义了一些“有名字”的参数. 给方法参数命名之后,在调用方法时就可以直接根据参数名 ...

  7. ArcGIS API for JavaScript开发初探——基础知识

    1.前言 在ArcGIS Web API开发体系中一共有四大类,分别为: ArcGIS API for Flex ArcGIS API for JavaScript ArcGIS API for RE ...

  8. Jquery删除table里面checkbox选中的多个行

    自己闲来无聊,写了一篇关于jq选中复选框删除数据的一个功能,不足之处,还望多多包涵 js代码 <script type="text/javascript" src=" ...

  9. Objective-C try/catch异常处理机制原理。

    try-catch-finaly finally在任何情况下都会执行(不管有没有异常),属于整个体系的附属. 基本思想是跳到捕获锚点,重新执行. http://www.cnblogs.com/mark ...

  10. 【BZOJ1057】[ZJOI2007] 棋盘制作(单调栈的运用)

    点此看题面 大致题意: 给你一个\(N*M\)的\(01\)矩阵,要求你分别求出最大的\(01\)相间的正方形和矩形(矩形也可以是正方形),并输出其面积. 题解 这题第一眼看去没什么思路,仔细想想,能 ...