jQuery实现最简单实用的分秒倒计时
实现原理:设置个定时器,自定义分钟和59秒。一秒钟秒数减1秒,60秒就减1分钟。
下面是全部代码
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>pro.html</title> <style type="text/css"> </style> <!--这里是自己本地的jquery--> <script type="text/javascript" src="js/jquery-1.7.min.js" ></script> <script>$(function(){ var m=69; var s=59; setInterval(function(){ if(s<10){ //如果秒数少于10在前面加上0 $('#time').html(m+':0'+s); }else{ $('#time').html(m+':'+s); } s--; if(s<0){ //如果秒数少于0就变成59秒 s=59; m--; } },1000) })</script> </head> <body> <p id="time">60:00</p> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
jquery 倒计时效果实现秒杀思路
复制代码 代码如下: <script type="text/javascript"> $(function(){ countDown("2015/9/8 11:11:59","#colockbox1"); }); function countDown(time,id){ var day_elem = $(id).find('.day'); var hour_elem = $(id).find('.hour'); var minute_
-
jQuery实现倒计时跳转的例子
实现代码: 复制代码 代码如下: <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>跳转页面</title> <script src="jquery.js"></script> <script la
-
jQuery实现倒计时按钮功能代码分享
代码一: { wait:90, hsTime:function(that){ if (this.wait == 0) { $('#hsbtn').removeAttr("disabled").val('重发短信验证码'); this.wait = 90; } else { var _this = this; $(that).attr("disabled", true).val('在'+_this.wait+'秒后点此重发'); _this.wait--; setTi
-
基于jQuery的倒计时实现代码
在线演示:http://demo.jb51.net/js/2012/mydaojishi/打包下载:mydaojishi_jb51核心代码: 复制代码 代码如下: $(function(){ var tYear = ""; //输入的年份 var tMonth = ""; //输入的月份 var tDate = ""; //输入的日期 var iRemain = ""; //开始和结束之间相差的毫秒数 var sDate =
-
利用jQuery实现漂亮的圆形进度条倒计时插件
jQuery Final Countdown是一款时尚的圆形进度条样式的jQuery倒计时插件.该倒计时插件可以显示倒计时的秒.分钟.小时和天数.它采用圆形进度条来作为倒计时的动画,非常的时尚大方. 在线预览 源码下载 使用方法 该倒计时插件依赖于jQuery和KineticJS-一个HTML5 Canvas库.使用是要将它们引入. <script type="text/javascript" src="js/jquery.min.js"><
-
jquery实现手机发送验证码的倒计时代码
复制代码 代码如下: var wait=60;//时间 function time(o,p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 if (wait == 0) { o.removeAttr("disabled"); o.val("点击发送验证码");//改变按钮中value的值 p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); wait = 60; } else { o.
-
jquery简单倒计时实现方法
本文实例讲述了jquery简单倒计时实现方法.分享给大家供大家参考,具体如下: var intDiff = parseInt(60); //倒计时总秒数量 function timer(intDiff) { window.setInterval(function () { var day = 0, hour = 0, minute = 0, second = 0; //时间默认值 if (intDiff > 0) { day = Math.floor(intDiff / (60 * 60 * 2
-
JQuery实现倒计时按钮的实现代码
复制代码 代码如下: <head> <title>test count down button</title> <script src="http://demo.jb51.net/jslib/jquery/jquery-1.5.1.min.js" type="text/javascript"></script> <script type="text/javascript">
-
JQuery实现倒计时按钮具体方法
复制代码 代码如下: <head> <title>test count down button</title> <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script> <script type="text/javascri
-
基于jQuery的倒计时插件代码
剩余时间:1小时:40分:30秒 复制代码 代码如下: 1 /* * 倒计时插件,主要用来限时购买 * By wayshan 版本1.0 * 使用方法: * $(function(){ * $("#ElementId").countdown({ * Edate:"2012-12-21 15:14:23" * }); * }) */ ;(function($){ $.fn.countdown = function(options){ if (this.length =
随机推荐
- 最好用的省市二级联动 原生js实现你值得拥有
- Access使用宏控制程序 4.常用的宏操作
- 利用js给DropdownList赋值实例
- 压力测试中需要掌握的几个基本概念
- php 实现一个字符串加密解密的函数实例代码
- Python网络编程中urllib2模块的用法总结
- Android编程之Application设置全局变量及传值用法实例分析
- mysql中取字符串中的数字的语句
- 深入理解MySQL的数据库引擎的类型
- 使用GruntJS构建Web程序之构建篇
- ajax 调用后台方法大家可以讨论下
- 关于CSS:优先级
- Python中删除文件的程序代码
- sql2005 日志清理 SQL2005压缩清除日志的方法
- 浅析sql server 公共表达式的简单应用
- MySQL中create table语句的基本语法是
- Jquery中"$(document).ready(function(){ })"函数的使用详解
- JQuery验证工具类搜集整理
- jquery插件推荐 jquery.cookie
- SpringMVC+Mysql实例详解(附demo)