脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery 倒计时

jQuery倒计时代码(超简单)

 更新时间：2017年02月27日 17:19:57   作者：我不是安徒生  
本文给大家分享一段超简单的代码基于jquery实现倒计时功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下

具体代码如下所示：

<!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倒计时代码(超简单)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • jQuery获取DOM节点实例分析(2种方式)

    jQuery获取DOM节点实例分析(2种方式)

    这篇文章主要介绍了jQuery获取DOM节点的方法,提供了两种jQuery获取DOM节点的技巧,需要的朋友可以参考下
    2015-12-12
  • JQuery插件jcarousellite的参数中文说明

    JQuery插件jcarousellite的参数中文说明

    这篇文章主要介绍了JQuery插件jcarousellite的参数中文说明,本文分别给出各个参数的含义,需要的朋友可以参考下
    2015-05-05
  • jQuery实现点击滚动到指定元素上的方法分析

    jQuery实现点击滚动到指定元素上的方法分析

    这篇文章主要介绍了jQuery实现点击滚动到指定元素上的方法,结合实例形式分析了jQuery响应鼠标事件动态操作页面元素属性的相关相关使用技巧,需要的朋友可以参考下
    2020-03-03
  • jquery实现div阴影效果示例代码

    jquery实现div阴影效果示例代码

    div阴影效果在以前都是采用图片来实现的，而在本文大家将学会使用jquery来实现，感兴趣的朋友可以参考下
    2013-09-09
  • 使用jQuery实现页面定时弹出广告效果

    使用jQuery实现页面定时弹出广告效果

    这篇文章主要介绍了使用jQuery实现页面定时弹出广告效果,需要的朋友可以参考下
    2017-08-08
  • jQuery mobile类库使用时加载导航历史的方法简介

    jQuery mobile类库使用时加载导航历史的方法简介

    这篇文章主要介绍了jQuery mobile开发中加载导航历史的方法,jQuery mobile是jQuery针对移动设备开发的JavaScript库,需要的朋友可以参考下
    2015-12-12
  • jquery处理json数据实例分析

    jquery处理json数据实例分析

    json数据是一种经型的实时数据交互的数据存储方法，使用到最多的应该是ajax与json配合使用了，下面我来给大家介绍jquery处理json数据方法。
    2014-06-06
  • jquery实现的蓝色二级导航条效果代码

    jquery实现的蓝色二级导航条效果代码

    这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • 精心挑选的15款优秀jQuery 本特效插件和教程

    精心挑选的15款优秀jQuery 本特效插件和教程

    今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件，都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架，它简化了 HTML 文档遍历，事件处理，动画以及Ajax交互，帮助 Web 开发人员更快速的实现各种精美的界面效果
    2012-08-08
  • jquery插件orbit.js实现图片折叠轮换特效

    jquery插件orbit.js实现图片折叠轮换特效

    Orbit是一个设计良好并且容易使用的jQuery图片滑动幻灯片插件，它除了支持图片滚动切换展示外，还支持针对内容的滚动。插件的定制性相当高，它提供了多个参数的设置，通过设置你可以将它打造成完全符合你要求的样式。
    2015-04-04

最新评论