jquery倒计时制作

.btn {
width:120px;
height:40px;
float:left;
color: white;
background-color: #3498db;
border-radius: 6px;
text-align: center;
text-decoration: none;

}
<input type="button" class="btn" value="获取验证码" onclick="clickButton(this)"><script>
function clickButton(obj){

var obj = $(obj);
obj.attr("disabled","disabled");
var time = 60;
var set=setInterval(function(){
obj.val(--time+"(s)");
}, 1000);

setTimeout(function(){
obj.attr("disabled",false).val("重新获取验证码");
clearInterval(set);
}, 60000);
}

时间: 2024-12-26 15:44:57

jquery倒计时制作的相关文章

JQuery插件制作具有动态效果的网页

JQuery插件 制作具有动态效果的网页   前  言 JQuery 今天我给大家介绍一个运用JQuery插件制作的动态网页--iphone 5C 宣传页面.这个网页中运用到了fullpage.js和move.js两个插件. 动态效果           1导入插件 在这个页面中需要用到三款插件,分别是jquery-3.1.1.js(JQuery 3.1.1版本).jquery.fullPage.js(附带jquery.fullPage.css)和 move.js 动画插件. 导入顺序也如上所示

jquery 倒计时代码分享一例

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

酷!使用 jQuery &amp; Canvas 制作相机快门效果

在今天的教程中,我们将使用 HTML5 的 Canvas 元素来创建一个简单的摄影作品集,它显示了一组精选照片与相机快门的效果.此功能会以一个简单的 jQuery 插件形式使用,你可以很容易地整合到任何网站. 效果演示     插件下载 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 十分惊艳的8个 HTML5 & Java

jQuery插件制作方法详解

jQuery插件制作方法详解 jquery插件给我的感觉清一色的清洁,简单.如Jtip,要使用它的功能,只需要在你的元素的class上加 上Jtip,并引入jtip.js及其样式即可以了.其他事情插件全包.我喜欢jquery的一个重要原因是发现她已经有了很多很好,很精彩的插件.写一 个自己的jQuery插件是非常容易的,如果你按照下面的原则来做,可以让其他人也容易地结合使用你的插件. jquery插件给我的感觉清一色的清洁,简单.如Jtip,要使用它的功能,只需要在你的元素的class上加上Jt

jquery倒计时demo

原文:jquery倒计时demo 源代码下载地址:http://www.zuidaima.com/share/1550463776246784.htm

使用 jQuery &amp; CSS3 制作美丽的照片画廊

在本教程中,我们将创建一个很好看的照片画廊效果.我们的想法是,以显示专辑作为一个滑块,而当这张专辑被选中,我们将使用一个美丽的照片堆栈展示专辑的图像.在照片堆栈视图,我们可以通过将最上面的图像移动到所有照片后面的方式浏览. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型

JQuery倒计时和按照指定长度为数字前面补零

JQuery按照指定长度为数字前面补零 function PrefixInteger(num, length) {     return (Array(length).join('0') + num).slice(-length); } PrefixInteger(8,2); 返回08,表示长度为2,数字8前面补一个0. JQuery倒计时 var rest = 4350859;  //时间戳 console.log(rest); $day = Math.floor(rest/(60*60*24

jquery倒计时(仿团购)转至 http://justcoding.iteye.com/blog/2210962

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery实现一个简单的倒计时功能. 本文以团购网站的倒计时为背景,我们知道,网站会给每个优惠活动(商品)定一个结束时间,也就是到期时间,但系统时间到达了结束时间,就意味着活动结束.因此,我们在HTML中就要定义活动的结束时间. <ul class="prolist"> <li><img src=&quo

学习使用 jQuery &amp; CSS3 制作照片堆栈效果

在这个小实验中,我们使用 jQuery & CSS3 创建了一个交互式的照片堆栈效果.提供了一些模拟现实的互动的可能性给用户.这个想法的思路是:有一些照片在桌面上可以拖放一样,堆放和删除,每个动作类似现实世界的行为. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型