SMCountDown 倒计时插件

来源:http://itssh.cn/post/9.html

SMCountDown

github地址:https://github.com/sm0210/SMCountDown

author:SM
e-mail:sm0210@qq.com
desc:SMCountDown倒计时插件JS
version:SMCountDown 0.1

SMCountDown 倒计时插件,有问题发邮件:sm0210@qq.com

//实例化倒计时

var SMCountDown =$('#btnOk').initSMCountDown({delay:10});

//实例化倒计时2

var SMCountDown2 =$('#btnOk2').initSMCountDown({delay:20,delayTxt:'发送',disabled:true});//自定义计时文本

//点击启动倒计时

$('#btnOk3').click(function(){
  SMCountDown.statrSMCountDown();                       
});

//点击停止计时

$('#btnOk4').click(function(){
  SMCountDown.clearSMCountDown();                       
});

//启动第二个计时

SMCountDown2.statrSMCountDown();

html代码:

<input type="button" id="btnOk" value="开始倒计时"/>

<input type="button" id="btnOk2" value="开始倒计时测试"/>

<br/><br/>

<button id="btnOk3">启动计时</button>  

<button id="btnOk4">停止计时</button>

效果

SMCountDown.png

如果您觉得此文有帮助,可以打赏点钱给我支付宝sm0210@qq.com ,或扫描二维码

sm0210@qq.com.jpg

来源:http://itssh.cn/post/9.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,345评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,455评论 19 139
  • 昨天,没有写日记。我给自己的计划是每周坚持6天,这期间坚持了很久没有断过,有时候一天不写会觉得少了些什么。坚持与习...
    凡了阅读 589评论 1 7
  • 写在前面 那我们来看看,为什么要做竞品分析 竞品分析该做些什么 竞品分析该怎么做 提到竞品分析大家可以看一下《用户...
    悠悠十三阅读 1,976评论 8 5
  • 进行户外拓展活动之前,按照小组进行达体舞考试,考试的前两天我进行恶补,把不太会的几个小节学强化一下,据说不合格还要...
    传说中的超超阅读 534评论 8 6

友情链接更多精彩内容