jQuery实现最简单实用的分秒倒计时


Posted in Javascript onFebruary 05, 2017

本文实例为大家分享了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>

更多关于倒计时的文章请查看专题:《倒计时功能》

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
document.compatMode介绍
May 21 Javascript
js 图片缩放(按比例)控制代码
May 27 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
Mar 14 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
Aug 03 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
Jun 14 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
javascript实现评分功能
Jun 24 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 #Javascript
JavaScript编写九九乘法表(两种任选)
Feb 04 #Javascript
JS动态生成年份和月份实例代码
Feb 04 #Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 #Javascript
js常用DOM方法详解
Feb 04 #Javascript
JavaScript数组操作详解
Feb 04 #Javascript
jQuery使用方法
Feb 04 #Javascript
You might like
php中将数组存到文件里的实现代码
2012/01/19 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
7个让JavaScript变得更好的注意事项
2015/01/28 Javascript
Javascript实现检测客户端类型代码封包
2015/12/03 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
three.js实现3D视野缩放效果
2017/11/16 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
python中的随机函数小结
2018/01/27 Python
Python二进制文件读取并转换为浮点数详解
2019/06/25 Python
Python操作qml对象过程详解
2019/09/26 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
Skyscanner波兰:廉价航班
2017/11/07 全球购物
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
某公司部分笔试题
2013/11/05 面试题
新教师个人工作总结
2015/02/06 职场文书
公司年会开场白
2015/06/01 职场文书
公司管理建议书
2015/09/14 职场文书
师德培训心得体会2016
2016/01/09 职场文书
2019秋季运动会口号
2019/06/25 职场文书
Fluentd搭建日志收集服务
2022/09/23 Servers