游客

标题:自由组合的倒计时库：jQuery.countdown.js
正文:
我们都知道，在一些促销商品上、拍卖、优惠券等，都会有时效性，为了促销吸引眼球，会加一个倒计时来时刻提醒顾客：想买要抓紧了，时间不等人。那么作为前端开发的我们，要怎么来实现这个倒计时呢？首先，这个倒计时功能，一定要友好，具体表现在，可以适用任何布局，不依赖HTML/CSS的限制，有针对性的，适应优惠券、拍卖类型的网站。接下来，才是日期时间的倒序来跑秒。源于，jQuery的大量使用，这里，推荐一款它的插件：jQuery.countdown.js。倒计时插件：jQuery.countdown.js题外话：这个图里的“最后”，是字面意思，其实是终极、人性化、友好的意思。那么什么是jQuery.countdown.js呢？它是一个简单的和HTML无关的日期倒计时插件，依赖jQuery1.7+。浏览器支持情况：IE7+、Chrome>=12、Safari>=5、FireFox>=5.0，也就是说，基本都支持的。它的开发初衷，就是为了适应任何的优惠券、拍卖、商品促销活动。因此，它的使用和呈现灵活度很高。那么怎么使用它呢？首先，你需要到github上搜索：jQuery.countdown.js，然后引入页面中。如下图说明：jQuery.countdown.js的使用步骤和效果从上图的代码中，我们可以看到，它和HTML无关的意思了，你可以任意组合显示的方式，它会填充你的%w、%d、%H、%M、%S。它还有很多配置选项，很多用法，比如：倒计时秒结束后正常时间钟等。我们用插件还能得到什么？如果你只是为了实现某个功能，那么插件就可以达到的，我们还能获取什么呢？ 这里，我想说的是，如果时间足够的话，不妨看一下插件或者js库的源码，学习或者增强一下自己的知识点。比如本插件中，有这么一句：var argumentsArray = Array.prototype.slice.call(arguments, 0);我们知道，arguments是函数的参数对象。它是数组吗？不是的，它是一个类数组。类数组：具有key名为：length，值为数字，其它key，也是数字，类似这样：'0'、'1'...你可以像数组那样（arguments[0]）使用。但是，你应该转换为真正的数组（这要是前端面试的常见题）。还比如本插件中，有这样的语句：var DIRECT
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页