素材网 素材网

jquery自定义倒计时插件源码下载

下载资源()次

阅读次数()次

发布时间:2016-05-02

jquery自定义倒计时插件源码下载
分享到:

用法简介:

来源:xw素材网

jquery自定义倒计时插件源码下载。
文件引用:

<script src="common.js"></script>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
	var getleft=window.innerWidth/2-500/2;
	var gettop=window.innerHeight/2-200/2
	$("#PINGMU").css("left",getleft+"px");
	$("#PINGMU").css("top",gettop+"px");
	$("#Fen").focus(
		function()
		{
			this.value="";
		}
	);
	$("#Fen").blur(
		function()
		{
			Fen=this.value;
		}
	);
	var miao=60;
	$("#Start").click(
		function()
		{
			if($("input[type=text]").val()=="")
			{
				alert("请输入时间")
			}
			else if($("input[type=text]").val()>60)
			{
				alert("可用范围1~60分钟")
			}
			else
			{
				if(this.value=="计时开始")
				{
					$("#Fen").get(0).disabled=true;
					this.value="取消计时";
					timer=setInterval(
					function()
					{
						if(Fen==0&&miao==1)//分钟数=0的时候
						{
							$("#Player").get(0).innerHTML="<audio src='n.mp3' autoplay loop='loop'></audio>";
							$("#Start").val("停止音乐");
							clearInterval(timer);
						}
						if(Fen>=0&&Fen<=10)//分钟数0~10
						{
							miao--;
							if(miao==0)//秒数等于0的时候
							{
								miao=60;
								$("#XS").get(0).innerHTML="0"+Fen+":"+"00";
							}
							if(miao>0&&miao<10)//秒数0~10的时候
							{
								miao="0"+miao;
								$("#XS").get(0).innerHTML="0"+Fen+":"+miao;
							}
							if(miao>=10&&miao!=60)//秒数大于等于10的时候
							{
								if(miao==59)
								{
									Fen--
								}
								$("#XS").get(0).innerHTML="0"+Fen+":"+miao;
							}
						}
						if(Fen>10)//分钟数大于10的时候
						{
							miao--;
							if(miao==0)//秒数等于0的时候
							{
								miao=60;
								$("#XS").get(0).innerHTML=Fen+":"+"00";
							}
							if(miao>0&&miao<10)//秒数0~10的时候
							{
								miao="0"+miao;
								$("#XS").get(0).innerHTML=Fen+":"+miao;
							}
							if(miao>=10&&miao!=60)//秒数大于等于10的时候
							{
								if(miao==59)
								{
									Fen--
								}
								$("#XS").get(0).innerHTML=Fen+":"+miao;
							}
						}
					},
					1000
					)
				}
				else
				{
					miao=60;
					$("#Fen").get(0).disabled=false;
					this.value="计时开始";
					$("audio").replaceWith("");
					$("#XS").get(0).innerHTML="00:00"
					$("input[type=text]").focus().val("");
					clearInterval(timer);
				}
			}	
		}
);
	$("input[type=text]").focus();
</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。