美文网首页javaScript学习1024
SMCountDown 倒计时插件

SMCountDown 倒计时插件

作者: 圆梦人生 | 来源:发表于2015-12-01 11:02 被阅读85次

来源: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

相关文章

  • SMCountDown 倒计时插件

    来源:http://itssh.cn/post/9.html SMCountDown github地址:https...

  • 前端页面实现倒计时效果的几种方法

    1.15分钟倒计时 2.距离未来时间倒计时 3.数码时钟 4.时间插件倒计时:https://www.jq22.c...

  • 倒计时插件

  • 倒计时插件

    最主要记住,JS获取时间戳new Date().getTime()方法返回的是13位数,Java13位,PHP是1...

  • 倒计时-vue

    HTML: script: Vue学习笔记-倒计时插件 https://www.jianshu.com/p/3fd...

  • JavaScript短信验证码60秒倒计时插件

    该插件依赖于jquery,用于发送短信验证码后的60秒倒计时: 下载完整代码: 下载 下载后的完整实例包括: 插件...

  • 日期倒计时插件使用方法

    一、日期倒计时简介 日期倒计时插件是一款日期倒计时工具,可用于添加桌面小窗口,对一些重要事件(如朋友生日、结婚纪念...

  • 商品促销倒计时效果实现

    效果图展示 所有的知识点总结如下: 轮播图实现:swiper插件 倒计时功能的实现 倒计时结束,抢购按钮变为可点击...

  • 时间选择插件、倒计时插件

    1.DateTimePicker 时间选择插件 我们在使用这个插件时,前端页面获取的时间是String类型,在数...

  • JS实现日历

    最近在捣鼓一个chrome插件,包括两个功能:1.倒计时,2.日历。 大致是下面这个样子: 倒计时模式倒还简单,日...

网友评论

    本文标题:SMCountDown 倒计时插件

    本文链接:https://www.haomeiwen.com/subject/zmpjhttx.html