js倒计时简单实现方法

时间:2021-05-26

本文实例讲述了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程序设计有所帮助。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章