jq倒计时(代码)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时</title>
<script src="jquery.js"></script>
<script type="text/javascript">

//定义初始化的变量
var item =59;
//定义函数实现定时器效果
function getTime(){
//判断item值
if(item==0){
//清除定时器
clearTimeout(act);
$(‘#set‘).val(‘再次获得验证码‘).attr(‘disabled‘,false);
item=59;
}else{

act = setTimeout("getTime()",1000);
$(‘#set‘).val(‘还剩‘+item+‘s秒‘);
item = item-1;
}

}
$(function(){
$(‘#set‘).click(function(){
getTime();
});

});

</script>
</head>
<body>

<input type="button" value="点击获取验证码" id="set"/>

</body>
</html>

时间: 2024-10-16 17:56:32

jq倒计时(代码)的相关文章

jquery实现手机发送验证码的倒计时代码(转)

var wait = 60;//时间 function time(o, p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 if (wait == 0) { //o.removeAttr("disabled"); //o.val("点击发送验证码");//改变按钮中value的值 //p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); $('#'+p).removeAttr(&quo

jquery 倒计时代码分享一例

一个简单的jquery 倒计时代码,分享记录下. html部分: <span class="time_wrap" value="1397145180" style="line-height:200%;"></span> js部分: <script type="text/javascript"> $(document).ready(function(){ setInterval(functio

双11倒计时代码

<title>石家庄自动门奉上双11倒计时代码</title> <form name="form1"> <div align="center" align="center"> <center>距离2013年11月11日疯狂购物节还有:<br> <input type="textarea" name="left" size=&quo

原生js 当前时间 倒计时代码

源:https://www.oschina.net/code/snippet_2318153_54763 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>原生js 当前时间 倒计时代码</ti

javascript 倒计时代码

<script language="javascript" type="text/javascript"> var interval = 1000; function ShowCountDown(year, month, day, house,divname) { var now = new Date(); var endDate = new Date(year, month - 1, day,house); var leftTime = endDate

JS倒计时代码

第一种:精确到秒的javascript倒计时代码 HTML代码: <form name="form1"> <div align="center" align="center"> <center>离2010年还有:<br> <input type="textarea" name="left" size="35" style="

JS实现十分钟倒计时代码实例

编写JS倒计时代码需要用到很多JavaScript知识,比如:if函数,Math.floor,定时器setInterval等等,如有不清楚的小伙伴可以参考PHP中文网的相关文章,或者访问 JavaScript视频教程. 举例:10分钟考试倒计时,当时间仅剩五分钟时,提醒考试仅剩5分钟,时间结束时,提示考试结束.具体代码如下: HTML部分: ? 1 2 3 4 <body>  <div id="timer"></div>  <div id=&q

js防刷新的倒计时代码

最近在维护考试系统,在进行考试测试时无意中点击了刷新按钮,但是上面的倒计时并没有受到影响,同时在几篇博客中也有这样的例子,所以我想看看它到底是怎样防止刷新的. 如果是用cs代码写,我们可能会很快的写出来怎样防止刷新,可是我们要进行前段开发,考试是在页面上进行的,这里就要用到我们学到的js了. <span style="font-family:KaiTi_GB2312;font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C

爆炸倒计时 代码

<html> 里面要链入JQ <script src="js/jquery.min.js"></script> <!-- 1. 添加一个按钮,用来点击爆炸 --><input type="button" class="btn" name="" value="点我!3 2 1 砰!炸了" /> <div class="big"