jQuery實現(xiàn)最簡單實用的分秒倒計時
更新時間:2017年02月05日 08:39:10 作者:永不言敗敏哥
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)最簡單實用的分秒倒計時,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了jQuery分秒倒計時的具體代碼,供大家參考,具體內(nèi)容如下
實現(xiàn)原理:設(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)于倒計時的文章請查看專題:《倒計時功能》
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery插件expander實現(xiàn)圖片翻轉(zhuǎn)特效
本文給大家分享的是一款基于jQuery插件expander實現(xiàn)圖片翻轉(zhuǎn)特效,一共有6種不同的圖片翻轉(zhuǎn)樣式,十分的炫酷,有需要的小伙伴可以參考下。2015-05-05jQuery實現(xiàn)動態(tài)添加標(biāo)簽事件
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)動態(tài)添加標(biāo)簽事件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08