javascript 计算倒计时
2024-08-26 09:35:28
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:'已过期'})
最新文章
- ORACLE中的支持正则表达式的函数
- SSR三网免流一键包以及使用教程
- 使用js把json字符串转为js对象的方法
- AC日记——大整数的因子 openjudge 1.6 13
- tree 查询出数据遍历tree
- LeetCode17 Letter Combinations of a Phone Number
- MySQL选择数据库use与mysql_select_db使用详解
- SVN备份教程(三)
- 基本排序算法:Python实现
- iframe标签使用总结与注意问题
- 总结一下js的原型和原型链
- XCode工程内多Targets
- Sampling Distributions and Central Limit Theorem in R(转)
- Java学习第一篇 — 字符串
- 数据库的IO and 数据库优化问题
- LINQ 如何动态创建 Where 子查询
- 泰克TDS1000B示波器使用说明
- PetaPoco源代码学习--0.目录贴
- 51nod 1073约瑟夫环
- kubectl命令使用
热门文章
- Regionals 2014 >;>; Asia - Taichung 7003 - A Balance Game on Trees 树形DP + 二维费用背包
- A -- A. Quailty and Playing Cards 模拟 + 思考
- Gym 100886J Sockets 二分答案 + 贪心
- Unity MonoBehaviour.Invoke 调用
- (转)CentOS 7常见的基础命令和配置
- SpringBoot | 第十九章:web应用开发之WebSocket
- 性能测试学习第十一天_Analysis
- CCflow6 的使用
- python中函数的定义与调用
- agc015F - Kenus the Ancient Greek(结论题)