快捷導(dǎo)航

jQuery倒計時代碼(超簡單)

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

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

具體代碼如下所示：

<!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 + "小時" + minute + "分鐘" + seconds + "秒");
  }, 1000);
</script>
</html>

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

您可能感興趣的文章:

相關(guān)文章

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