倒计时插件

总喜欢整理一些小的demo,整合成插件,以后就方便用啦!

按钮的倒计时插件,参数直接给到秒数就好!

<script type="text/javascript">

$(".btn").click(function(){
	$(this).countdown(60);
});

$.fn.extend({
	 countdown:function(seconds){
	 	var time=seconds;
		var timer;
		var _this=$(this);
		_this.addClass("on");
		_this.find("a").html("重新获取("+seconds+"s)");
		timer=setInterval(function(){
			time--;
			if(time<0){
				clearInterval(timer);
				_this.removeClass("on");
				_this.find("a").html("获取验证码");
				time=seconds;
			}else{
				_this.find("a").html("重新获取("+time+"s)");
			}
		},1000);
		 }

});

</script>

  

时间: 2024-10-29 04:19:50

倒计时插件的相关文章

jCountdown倒计时插件jQuery

脚本简介jCountdown倒计时插件jQuery插键 里面包含8种不同效果的倒计时数字时钟特效. 下载地址:http://www.huiyi8.com/java/actionscript/(转载请注明此处)

基于jQuery漂亮的圆形进度条倒计时插件

jQuery Final Countdown是一款时尚的圆形进度条样式的jQuery倒计时插件.该倒计时插件可以显示倒计时的秒.分钟.小时和天数.它采用圆形进度条来作为倒计时的动画,非常的时尚大方. 在线预览   源码下载 使用方法 该倒计时插件依赖于jQuery和KineticJS-一个HTML5 Canvas库.使用是要将它们引入. <script type="text/javascript" src="js/jquery.min.js"></

js 简单倒计时插件和使用方法

// 倒计时插件 (function (){ function countdown(config){ var startDate = config.start ? new Date(config.start) : new Date(); var endDate = new Date(config.end); var id = config.id || 'countdown'; var time = (endDate - startDate)/1000; if(time < 0){ if(conf

【小记】-009--时间戳转日期/一个基于JQ 的倒计时插件

时间戳转日期 getMyDate: function (nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/[\u4e00-\u9fa5]/g,''); //(2018/10/30 5:02:23) } getMyDate: function (nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ')

Html5添加时尚的圆形进度条样式的倒计时插件教程

一.使用方法 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/kinetic.js"></script> <script type="text/javascript" src="js/jq

Html5添加简单时尚的倒计时插件教程

一.使用方法 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.syotimer.js"></script> 二.Html结构 <div id="simple_timer" class=

jQuery简单倒计时插件

1. 按照特定的类结构布局. 2. 需要先引入jQuery,再引入此文件. /** * 简单倒计时 * * 支持页面内同时存在多个计时器并且不互相干扰 * * Usage: * * <div class="timer-simple-seconds" timer="3600"> * <span class="hour">hour</span>小时<span class="minute"&

时间倒计时插件

(function () { eval(function (p, a, c, k, e, d) { e = function (c) { return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!''.replace(/^/, String)) { while (c--) { d[e(c)] = k[c] || e(c)

JS 倒计时插件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script> <script sr