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 相关文章推荐
jQuery Mobile 导航栏代码
Nov 01 Javascript
jQuery javaScript捕获回车事件(示例代码)
Nov 07 Javascript
javascript实现playfair和hill密码算法
Dec 07 Javascript
JavaScript中计算网页中某个元素的位置
Jun 10 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
javascript和jquery实现用户登录验证
May 04 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
Apr 19 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
Aug 22 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
详解Angular Karma测试的持续集成实践
Nov 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
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
Jquery加载时从后台读取数据绑定到dropdownList实例
2013/06/09 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
采用call方式实现js继承
2014/05/20 Javascript
jquery实现当滑动到一定位置时固定效果
2014/06/17 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
jQuery简单动画变换效果实例分析
2016/07/04 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
AngularJS实现注册表单验证功能
2017/10/16 Javascript
jQuery动态移除与增加onclick属性的方法详解
2018/06/07 jQuery
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
Python 异常处理实例详解
2014/03/12 Python
Python脚本实现网卡流量监控
2015/02/14 Python
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
python连接PostgreSQL过程解析
2020/02/09 Python
Python是什么 Python的用处
2020/05/26 Python
计算机大学生的自我评价
2013/10/15 职场文书
副总经理工作职责
2013/11/28 职场文书
主题酒店策划书
2014/01/28 职场文书
大学生村官演讲稿
2014/04/25 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
2014年企业党支部工作总结
2014/12/04 职场文书
用python自动生成日历
2021/04/24 Python
JavaScript函数柯里化
2021/11/07 Javascript
MySQL数据库 任意ip连接方法
2022/05/20 MySQL
利用Python实时获取steam特惠游戏数据
2022/06/25 Python