js倒计时简单实现方法_javascript技巧
程序员文章站
2022-04-18 23:36:07
...
本文实例讲述了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插件形式:
$.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程序设计有所帮助。
上一篇: php三种创建桌面快捷方式
推荐阅读
-
js实现翻页后保持checkbox选中状态的实现方法_javascript技巧
-
js如何实现设计模式中的模板方法_javascript技巧
-
JS控制表单提交的方法_javascript技巧
-
javascript无刷新评论实现方法_javascript技巧
-
javascript同步Import,同步调用外部js的方法_javascript技巧
-
js实现点小图看大图效果的思路及示例代码_javascript技巧
-
js局部刷新页面时间具体实现_javascript技巧
-
js中传递特殊字符(+,&)的方法_javascript技巧
-
学习drag and drop js实现代码经典之作_javascript技巧
-
用于deeplink的js方法(判断手机是否安装app)_javascript技巧