快捷導(dǎo)航

jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí)

更新時(shí)間：2017年02月05日 08:39:10 作者：永不言敗敏哥

這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了jQuery分秒倒計(jì)時(shí)的具體代碼，供大家參考，具體內(nèi)容如下

實(shí)現(xiàn)原理：設(shè)置個(gè)定時(shí)器，自定義分鐘和59秒。一秒鐘秒數(shù)減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){
  //如果秒數(shù)少于10在前面加上0
   $('#time').html(m+':0'+s);
  }else{
   $('#time').html(m+':'+s);
  }
  s--;
  if(s<0){
  //如果秒數(shù)少于0就變成59秒
   s=59;
   m--;
  }
 },1000)
})</script>
</head>
 
<body>
 <p id="time">60:00</p>
</body>
 
</html>

更多關(guān)于倒計(jì)時(shí)的文章請(qǐng)查看專(zhuān)題：《倒計(jì)時(shí)功能》

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

3分鐘寫(xiě)出來(lái)的Jquery版checkbox全選反選功能
checkbox全選反選的文章在以前也有介紹很多，實(shí)在是不想在提起了，然而身邊還是有些朋友不會(huì)，于是3分鐘寫(xiě)出來(lái)一個(gè)估計(jì)有很多bug
2013-10-10
JQuery設(shè)置和去除disabled屬性的5種方法總結(jié)
下面與大家分享下兩種方法設(shè)置disabled屬性以及三種方法移除disabled屬性，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-05-05
利用jquery操作Radio方法小結(jié)
用Radio來(lái)實(shí)現(xiàn)用戶的選擇效果，在項(xiàng)目中積累了一些利用JQUERY來(lái)操作Radio的方法，這里與大家分享下
2014-10-10
讓你的博客飄雪花超出屏幕依然看得見(jiàn)
原作者是在body中不停的插入多個(gè)小div雪花來(lái)向下慢慢飄，一直飄到body的底部后，將雪花移除,于是，將原來(lái)的代碼稍加修改，讓他只是從屏幕的頂部飄落到屏幕底部（不是body的底部）后，就將雪花移除，另外將雪花改為fixed定位
2013-01-01
使用jQuery異步加載 JavaScript腳本解決方案
這篇文章主要介紹了如何使用jQuery異步加載JavaScript腳本,需要的朋友可以參考下
2014-04-04
Jquery Easyui選項(xiàng)卡組件Tab使用詳解（10）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui菜單組件Menu的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jquery設(shè)置按鈕停頓3秒不可用
設(shè)置按鈕停頓3秒不可用的方法有很多，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的
2014-03-03
jQuery替換textarea中換行的方法
這篇文章主要介紹了jQuery替換textarea中換行的方法,涉及jQuery操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
jQuery 判斷元素整理匯總
本文給大家匯總介紹了jQuery的幾種判斷元素的方法，包括是否含有某 class、元素是否存在、是否 checked以及元素是否禁用，都是常用的方法，希望大家能夠喜歡
2017-02-02
淺析jQuery Ajax請(qǐng)求參數(shù)和返回?cái)?shù)據(jù)的處理
這篇文章主要介紹了淺析jQuery Ajax請(qǐng)求參數(shù)和返回?cái)?shù)據(jù)的處理的相關(guān)資料,需要的朋友可以參考下
2016-02-02