一、 效果预览 

二、 实现

1. 按照特定的类结构布局。

2. 需要先引入jQuery，再引入此文件。

/** * Author： CC11001100 *  * 简单倒计时 *  *  1. 支持页面内同时存在多个计时器并且不互相干扰 *  2. 支持多种格式，比如可以省略天、小时...等等，前面省略会自动加到后面，最多可以只有秒 *  3. 倒计时可以是秒数，可以是时间戳，可以是日期时间（设置一种即可） * * Usage: *  *         
     
       *            
      0天 *             
      00时 *             
      00分 *             
      00秒 *        
     
 * *//** * 按结构查找，依赖结构和class */$(function(){        //对所有的计时器进行处理    var timers=$(".timer-simple-seconds");    for(var i=0;i

 

说明：

1. timer表示剩余的秒数，timestamp表示一个未来的unix时间戳，datetime表示一个yyyy-MM-dd HH:mm:ss格式的字符串表示的时间。

2. 三者只设置一个即可，同时设置会冲突的。

 

 

 github地址：