jQuery倒计时代码(超简单)


Posted in Javascript onFebruary 27, 2017

具体代码如下所示:

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

Javascript 相关文章推荐
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
node.js中的path.sep方法使用说明
Dec 08 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
jQuery的promise与deferred对象在异步回调中的作用
May 03 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
Nov 22 Javascript
Node.js + express基本用法教程
Mar 14 Javascript
react实现antd线上主题动态切换功能
Aug 12 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
动态规划之使用备忘录来改进Javascript函数
Apr 07 Javascript
js实现图片左右滚动效果
Feb 27 #Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 #Javascript
原生js实现旋转木马轮播图效果
Feb 27 #Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 #Javascript
js实现简单的手风琴效果
Feb 27 #Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 #Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 #Javascript
You might like
PHP fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
PHP合并静态文件详解
2014/11/14 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
JQuery实现鼠标移动图片显示描述层的方法
2015/06/25 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
2015/11/19 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
vue实例中data使用return包裹的方法
2018/08/27 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
微信小程序Page中data数据操作和函数调用方法
2019/05/08 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
[03:56]DOTA2完美大师赛趣味视频之小鸽子和Mineski打台球
2017/11/24 DOTA
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
Python中的groupby分组功能的实例代码
2018/07/11 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
关于pandas的离散化,面元划分详解
2019/11/22 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
Python类绑定方法及非绑定方法实例解析
2020/10/09 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
Dune London官网:英国著名奢华鞋履品牌
2017/11/30 全球购物
毕业生毕业总结的自我评价范文
2013/11/02 职场文书
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
安全例会汇报材料
2014/08/23 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
详解Vue项目的打包方式(生成dist文件)
2022/01/18 Vue.js