历史版本2 :JS实现倒计时特效 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.描述编辑

分享一个决策报表集成的特效,这篇文档主要是集成时间倒计时的效果,效果如下图:

倒计时.gif

2. 实现思路编辑

利用 HTIML5 技术就可以实现,可以实现当前时间获取以及添加倒计时效果

3. 操作步骤/示例编辑

首先新建决策报表,添加报表块,在报表看单元格输入以下代码,然后用 HTML 显示,效果如下图:

image.png

<div class="se-kl"> 
   <div class="se-cn">倒计时</div>
   <div class="se-en">COUNT DOWN</div> <i class="se-io"></i>
   <div class="se-info">距离结束还剩</div> <div class="se-count"> <div class="se-day"></div>
   <div class="se-hour"><span class="se-txt">00</span></div>
   <div class="se-min"><span class="se-txt">00</span></div>
   <div class="se-sec"><span class="se-txt">00</span></div>
   </div>
</div>

服务器-服务器配置css引用和js引用

image.png

image.png

文件下载:

seckill.png

zzsc.css

zzsc.js

文件放置位置:../webroot/help/css

4. 示例模板编辑