JavaScript倒计时组件
序言:倒计时应用于各网站页面,普遍存在,用过别人写的库(复杂)组件,也怕自己写的不好,今天又遇到一个倒计时的需求,因此打算自己写一遍。 作者:华子yjh 一、组件API 1、组件调用方式 countDown(targetTime, callback(d, h, m, s)); // 组件调用方式 2、参数(Params)说明 targetTime: // 用户设置倒计时的目标时间 callback(d, h, m, s): // 回调函数,其参数分别为倒计时间中的天、小时、分钟、秒值 二、使用案例 1、HTML结构 <div id="countdown"></div> 2、JavaScript代码 var targetTime = '2013/03/15 18:00:00'; // 大于本地时间(假如本地时间为:2013/3/14 16:10:00)countDown(targetTime, function(d, h, m, s) { // 补零 for (var i = 0, len = arguments.length; i < len; i++) { if (String(arguments[i]).length < 2) { arguments[i] = '0' + arguments[i]; } } // dom操作 var dom = document