快捷導(dǎo)航

jQuery倒計(jì)時(shí)代碼(超簡(jiǎn)單)

更新時(shí)間：2017年02月27日 17:19:57 作者：我不是安徒生

本文給大家分享一段超簡(jiǎn)單的代碼基于jquery實(shí)現(xiàn)倒計(jì)時(shí)功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下

具體代碼如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <span class="timespan"></span>
</body>
<script src="libs/jquery-1.11.3.js"></script>
<script>
  var starttime = new Date("2017/11/20");
  setInterval(function () {
    var nowtime = new Date();
    var time = starttime - nowtime;
    var day = parseInt(time / 1000 / 60 / 60 / 24);
    var hour = parseInt(time / 1000 / 60 / 60 % 24);
    var minute = parseInt(time / 1000 / 60 % 60);
    var seconds = parseInt(time / 1000 % 60);
    $('.timespan').html(day + "天" + hour + "小時(shí)" + minute + "分鐘" + seconds + "秒");
  }, 1000);
</script>
</html>

以上所述是小編給大家介紹的jQuery倒計(jì)時(shí)代碼(超簡(jiǎn)單)，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jQuery獲取DOM節(jié)點(diǎn)實(shí)例分析(2種方式)
這篇文章主要介紹了jQuery獲取DOM節(jié)點(diǎn)的方法,提供了兩種jQuery獲取DOM節(jié)點(diǎn)的技巧,需要的朋友可以參考下
2015-12-12
JQuery插件jcarousellite的參數(shù)中文說明
這篇文章主要介紹了JQuery插件jcarousellite的參數(shù)中文說明,本文分別給出各個(gè)參數(shù)的含義,需要的朋友可以參考下
2015-05-05
jQuery實(shí)現(xiàn)點(diǎn)擊滾動(dòng)到指定元素上的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊滾動(dòng)到指定元素上的方法,結(jié)合實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素屬性的相關(guān)相關(guān)使用技巧,需要的朋友可以參考下
2020-03-03
jquery實(shí)現(xiàn)div陰影效果示例代碼
div陰影效果在以前都是采用圖片來實(shí)現(xiàn)的，而在本文大家將學(xué)會(huì)使用jquery來實(shí)現(xiàn)，感興趣的朋友可以參考下
2013-09-09
使用jQuery實(shí)現(xiàn)頁面定時(shí)彈出廣告效果
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)頁面定時(shí)彈出廣告效果,需要的朋友可以參考下
2017-08-08
jQuery mobile類庫使用時(shí)加載導(dǎo)航歷史的方法簡(jiǎn)介
這篇文章主要介紹了jQuery mobile開發(fā)中加載導(dǎo)航歷史的方法,jQuery mobile是jQuery針對(duì)移動(dòng)設(shè)備開發(fā)的JavaScript庫,需要的朋友可以參考下
2015-12-12
jquery處理json數(shù)據(jù)實(shí)例分析
json數(shù)據(jù)是一種經(jīng)型的實(shí)時(shí)數(shù)據(jù)交互的數(shù)據(jù)存儲(chǔ)方法，使用到最多的應(yīng)該是ajax與json配合使用了，下面我來給大家介紹jquery處理json數(shù)據(jù)方法。
2014-06-06
jquery實(shí)現(xiàn)的藍(lán)色二級(jí)導(dǎo)航條效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的藍(lán)色二級(jí)導(dǎo)航條效果代碼,涉及jquery鼠標(biāo)事件及頁面樣式的動(dòng)態(tài)切換效果實(shí)現(xiàn)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-08-08
精心挑選的15款優(yōu)秀jQuery 本特效插件和教程
今天這篇文章向大家分享15款精心挑選的優(yōu)秀 jQuery 文本特效插件，都帶有詳細(xì)的使用教程。jQuery 是最流行和使用最廣泛的 JavaScript 框架，它簡(jiǎn)化了 HTML 文檔遍歷，事件處理，動(dòng)畫以及Ajax交互，幫助 Web 開發(fā)人員更快速的實(shí)現(xiàn)各種精美的界面效果
2012-08-08
jquery插件orbit.js實(shí)現(xiàn)圖片折疊輪換特效
Orbit是一個(gè)設(shè)計(jì)良好并且容易使用的jQuery圖片滑動(dòng)幻燈片插件，它除了支持圖片滾動(dòng)切換展示外，還支持針對(duì)內(nèi)容的滾動(dòng)。插件的定制性相當(dāng)高，它提供了多個(gè)參數(shù)的設(shè)置，通過設(shè)置你可以將它打造成完全符合你要求的樣式。
2015-04-04