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 处理 URL 的两个函数代码
Aug 13 Javascript
9个javascript语法高亮插件 推荐
Jul 18 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 Javascript
javascript instanceof 内部机制探析
Oct 15 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
Mar 20 Javascript
Knockout text绑定DOM的使用方法
Nov 15 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
总结几道关于Node.js的面试问题
Jan 11 Javascript
Angular2 组件通信的实例代码
Jun 23 Javascript
vue项目中使用Svg的方法
Oct 24 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 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
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
php chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
Javascript代码混淆综合解决方案-Javascript在线混淆器
2006/12/18 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
javascript的BOM
2016/05/03 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
2017/01/17 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
2018/04/20 Javascript
elementUI多选框反选的实现代码
2019/04/03 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
JS函数进阶之继承用法实例分析
2020/01/15 Javascript
[02:16]深扒TI7聊天轮盘语音出处2
2017/05/11 DOTA
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
[04:54]DOTA2-DPC中国联赛1月31日Recap集锦
2021/03/11 DOTA
Python实现excel转sqlite的方法
2017/07/17 Python
Python实现购物车购物小程序
2018/04/18 Python
使用python实现画AR模型时序图
2019/11/20 Python
Python 实现递归法解决迷宫问题的示例代码
2020/01/12 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
某某同志考察材料
2014/05/28 职场文书
五五普法心得体会
2014/09/04 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
2014年小学数学工作总结
2014/12/12 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
小学三年级语文教学反思
2016/03/03 职场文书
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python
Django实现drf搜索过滤和排序过滤
2021/06/21 Python
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫