js倒计时简单实现方法
更新时间：2015年12月17日 10:31:19 作者：eecjimmy
这篇文章主要介绍了js倒计时简单实现方法，方便一些提示重要日期的来临，感兴趣的小伙伴们可以参考一下
本文实例讲述了js倒计时简单实现方法的代码，分享给大家供大家参考，具体如下：
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程序设计有所帮助。
相关文章
这篇文章主要介绍了js不能正确处理小数运算的原因，为大家解除js为什么不能正确处理小数运算的疑虑，感兴趣的小伙伴们可以参考一下2015-12-12
JavaScript每天必学之数组和对象部分,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
截取字符串的方法有很多，在使用过程中根据自己的实际需求进行选择，下面整理了一些常用的方法及使用示例，感兴趣的朋友可以了解下2013-10-10
这篇文章主要介绍了推荐5 个常用的JavaScript调试技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JS实现横向拉伸动感伸缩菜单效果,涉及javascript基于定时函数及鼠标事件操作页面元素动态变换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
仿照flash的动画原理，自己写了一个非常简单的js动画引擎。2012-12-12
这篇文章主要为大家详细介绍了微信小程序实现滚动条功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了纯js封装的ajax功能函数与用法,结合实例形式分析了基于JavaScript封装的ajax功能函数定义及与php后台交互相关操作技巧,需要的朋友可以参考下2018-05-05
这篇文章主要为大家详细介绍了layui-laydate时间日历控件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了Javascript自定义事件，本质就是观察者模式，好处就是将绑定事件和触发事件相互隔离开等等，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
最新评论