倒计时

当前版本:V1 最近更新:2014-11-05 组件作者:jacobtan

 

组件说明

组件说明

更新日志

  • 2014/11/05 上线

非milo版本组件使用

1、html结构

<div class="tab" id="tab">
    <p class="ctime0" id="ctime0"> </p>
</div>

2、JS调用

引入js:

	<script><!--mce:0--></script><p> </p>
 
<script type="text/javascript"><!--mce:1--></script>

//示例二
//通过gdate.php获取本地与服务器时间差gap
<script><!--mce:2--></script> <!-- 获取服务器时间 -->
<script type="text/javascript"><!--mce:3--></script>

//示例三
<!--#config timefmt="%Y/%m/%d %H:%M:%S"-->
<input value="<!--#echo var=" />" id="sysTime" type="hidden" />
<script type="text/javascript"><!--mce:4--></script>

服务器时间获取

1、通用ajax请求favicon.ico【推荐】

var _gapTimeA, _severTime = getServerTime(); //getServerTime函数已打包在countdown.min.js中

//输出数据直接可用  _gapTimeA = _severTime.stgap;

2、通用php接口

<script><!--mce:5--></script>

//输出  var json_curdate = '2014-11-06 14:55:40';
//数据处理  var _gapTime = typeof(json_curdate)!=="undefined" ? +new Date(json_curdate.replace(/-/g,"/"))-(+new Date()) : 0;

3、SSI页面直接输出,【本地无法预览】,需上传服务器调试,官网服务器支持

<!--#config timefmt="%Y/%m/%d %H:%M:%S"-->
<input value="<!--#echo var=" />" id="sysTime" type="hidden" />

//输出  <input type="hidden" id="sysTime" value="2014/11/06 15:08:28" />
//数据处理  var _tNode  = document.getElementById("sysTime"), _gapTime = _tNode ? (+new Date(_tNode.value)) - (+new Date()) : 0;

API

pause 暂停倒计时(切换到别的场景时)ctimer0.pause()
play 开始倒计时 ctimer0.play()
可自定义参数
nani 数字变化时的CSS3效果,默认为nani
sp 分隔符,默认为:
gap 客户端与服务器时差(单位ms),默认为0:调用客户端时间
done 倒计时完成时的回调函数。可选

DEMO演示

简易版本demo;