javascript 计算倒计时
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 计算倒计时的更多相关文章
- javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决
javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决 在做移动端时间转化为时间戳时,遇到了一个问题,安卓手机上访问时,能拿到时间戳,从而正确转换时间,而在i ...
- javascript计算两个时间差
其实,javascript计算时间差的方式非常简单,如果是默认的Date()类型,直接相减就是相差的毫秒数. var d1 = new Date('2016/03/28 10:17:22'); var ...
- javascript 计算文件MD5 浏览器 javascript读取文件内容
原则上说,浏览器是一个不安全的环境.早期浏览器的内容是静态的,用户上网冲浪,一般就是拉取网页查看.后来,随着互联网的发展,浏览器提供了非常丰富的用户交互功能.从早期的表单交互,到现在的websocke ...
- javascript计算字符串长度
javascript计算字符串长度 学习了:https://blog.csdn.net/u012934325/article/details/75214847 function getByteLen( ...
- 用Javascript 实现倒计时
用Javascript 实现倒计时<!DOCTYPE html> <html lang="en"> <head> <meta charse ...
- Javascript实现倒计时和根据某时间开始计算时间
JavaScript 代码 <script type="text/javascript"> var time_start = new Date('2018','7',' ...
- javaScript 计算两个日期的天数相差
一:计算两个日期相差的天数 1 <html> <head> <meta http-equiv="Content-Type" content=" ...
- Javascript 实现倒计时效果
代码来自于网上. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
- JavaScript 的倒计时
一年前,在网上找到的例子,现在已经找不到出处,对不住原作者,请原谅.修改了一下,在刷新页面的情况下,倒计时不重来. 没有任何样式,纯文字倒计时. <!DOCTYPE html> <h ...
随机推荐
- JVM基础知识2 垃圾收集器与内存分配策略
如何判断堆中的哪些对象可以被回收 主流的程序语言都是使用根搜索算法(GC Roots Tracing)判定对象是否存活 基本思路是:通过一系列名为“GC Roots”的对象作为起点,从这些节点开始向下 ...
- python学习一(Python中的列表)
python中有两种列表,分别用()和[]表示: 例如: letter = ('a','b','c') letter = ['a','b','c'] 用小括号表示的列表初始化后不允许修改,而中中括号生 ...
- SQL Server 脚本跟踪
1.查询 DataBasesID select db_id('regdatas') 2.获取进程ID 3.过滤定位
- Hadoop计数器
1. MapReduce计数器是什么 计数器是用来记录Job的执行进度和状态的,其作用类似于日志.我们可以在程序的某个位置插入计数器,记录数据或进度的变化情况. 2. MapReduce计数器能做什么 ...
- Zookeeper崩溃恢复过程(Leader选举)
1. 崩溃恢复 a). leader选择过程可以保证新leader是ZXID最大的节点 b). ZAB协议确保丢弃那些只在leader上被提出的事务,场景 leader发出PROPOSAL收到ACK, ...
- 学习笔记:MDN的Web入门
HTML: 要引用一个父目录的文件,加上两个点. HTML并不是真正的编程语言,它是一种用于定义内容结构的标记语言. 元素(Element):开标签.闭标签与内容相结合,便是一个完整的元素.元素可以用 ...
- Eucalyptus学习汇总
Elastic Utility Computing Architecture for Linking Your Programs To Useful Systems (Eucalyptus) 是一种开 ...
- winform 自适应屏幕分辨率具体操作和注意事项
第一步:先借助一个类文件 AutoSizeFormClass.cs class AutoSizeFormClass { public struct controlRect { public int L ...
- 【Android开发笔记】返回上层Activity的正确打开方式
技术支持 http://stackoverflow.com/questions/12276027/how-can-i-return-to-a-parent-activity-correctly 首先, ...
- django Q条件
#q条件from django.db.models import Qq = Q(name__startswith="p") | Q(name__startswith="l ...