Question

求大神，淘宝手机端的倒计时代码有现成的么？怎样添加？

Answer 1

<div class="J_TWidget" data-widget-type="Countdown" data-widget-config="{'endTime': '20000','interval': 1000,'timeRunCls': '.ks-countdown-run','timeUnitCls':{'d': '.ks-d','h': '.ks-h','m': '.ks-m','s': '.ks-s','i': '.ks-i'},'minDigit': 1,'timeEndCls': '.ks-countdown-end'}">
<!-- 倒计时结束时隐藏-->
<!--可以写多个 -->
<div class="ks-countdown-run">
<span class="ks-d"></span>天
<span class="ks-h"></span>小时
<span class="ks-m"></span>分
<!-- 如果有0.1秒级别的变化建议以gif背景图片的形式变化 -->
<span class="ks-s"></span>秒
<span class="ks-i"></span>毫秒
</div>
<div class="ks-countdown-run"> </div>
<!-- 倒计时结束时显示--> <!--可以写多个 -->
<div class="ks-countdown-end"> 倒计时结束了,干点什么吧 把什么隐藏起来，或者把什么显示出来 </div>
<div class="ks-countdown-end"> </div>
</div>

配置参数列表 配置参数参数可选值作用说明endTime 毫秒数（多少毫秒后倒计时结束），或者日期格式时间（格式：2011-7-21 11:01:01） 倒计时结束时间
例如：毫秒数： 'endTime': '2011-7-21 11:01:01'
或 日期格式： 'endTime': '10000'
interval 单位：毫秒，取值范围（>=100毫秒），默认值为1000毫秒 倒计时刷新间隔（单位为毫秒/次）即每隔多少毫秒刷新一次
例如：interval = 2000, 那么屏幕上的时间每次变化时会少两秒
timeRunCls 自定义值 有此class名的标签，其内容在倒计时运行时显示,倒计时结束时隐藏 timeUnitCls 时间单位的组合值,每个时间单位的class名自定义 设定时间单位b标签的class
例如:{
'd': '.ks-d', //天
'h': '.ks-h', //小时
'm': '.ks-m', //分
's': '.ks-s', //秒
'i': '.ks-i' //毫秒
}
minDigit 数据类型：整数，取值范围（>=1），默认为1， 每个时间单位值显示的最小位数，意思是超过不截断，少则前面补0显示
例如：digit = 2
少于情形：2天4小时10分20秒，则应该显示02天04小时10分20秒
超过情形：400分20秒，则应该显示 400分20秒
timeEndCls 自定义值 有此class名的标签，其内容在倒计时运行时隐藏,倒计时结束时显示

自己研究一下吧，转自 宅美佳装饰画

追问

谢谢，我研究下试试，然后再给您评价

Answer 2

电脑端的可以试试，手机端的没有遇到过

追问

电脑端的首页实现了，详情页没实现，您有代码么？

Answer 3

在.你可以添加一个倒计时板块,然后设置时间