js倒计时简单实现方法
2015-12-17 00:00
856 查看
本文实例讲述了js倒计时简单实现方法的代码,分享给大家供大家参考,具体如下:
如果想显示倒计时效果,可以使用如下代码调用:
jquery插件形式:
希望本文所述对大家JavaScript程序设计有所帮助。
js代码实现点击按钮出现60秒倒计时
js实现n秒倒计时后才可以点击的效果
js实现新年倒计时效果
js实现的奥运倒计时时钟效果代码
JS实现的仿淘宝交易倒计时效果
javascript电商网站抢购倒计时效果实现
javascript倒计时效果实现
js实现点击获取验证码倒计时效果
JS实现的倒计时效果实例(2则实例)
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代码实现点击按钮出现60秒倒计时
js实现n秒倒计时后才可以点击的效果
js实现新年倒计时效果
js实现的奥运倒计时时钟效果代码
JS实现的仿淘宝交易倒计时效果
javascript电商网站抢购倒计时效果实现
javascript倒计时效果实现
js实现点击获取验证码倒计时效果
JS实现的倒计时效果实例(2则实例)
相关文章推荐
- JS禁用页面上所有控件的实现方法(附demo源码下载)
- 详解js图片轮播效果实现原理
- js实现下拉列表选中某个值的方法(3种方法)
- javascript中Date format(js日期格式化)方法小结
- javascript日期格式化方法小结
- JavaScript创建对象的方式小结(4种方式)
- JavaScript中Function函数与Object对象的关系
- JS实现alert中显示换行的方法
- 快速掌握WordPress中加载JavaScript脚本的方法
- js跨浏览器的事件侦听器和事件对象的使用方法
- js表单中选择框值的获取及表单的序列化
- JavaScript 从select表中获取数据在表格中添加行
- servlet 中 JAVA 代码 与 jsp 页面之间传值
- JS实现无限分页加载——原理图解
- StdJS 0.2.1版本发布,通用javascript库
- javascript:理解slice
- 关于validate.js中remote的使用
- JavaScript的event对象
- js对象元素排序
- js实现的ajax对象创建&与服务器交互