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 相关文章推荐
比较全的JS checkbox全选、取消全选、删除功能代码
Dec 19 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
JavaScript的arguments对象应用示例
Sep 15 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
Jun 01 Javascript
ExtJs动态生成treepanel的Json格式
Jul 19 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
Sep 22 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
Bootstrap table的使用方法
Nov 02 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
VUE中V-IF条件判断改变元素的样式操作
Aug 09 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 SPL使用方法和他的威力
2013/11/12 PHP
php常量详细解析
2015/10/27 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
JavaScript的漂亮的代码片段
2013/06/05 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
jquery scroll()区分横向纵向滚动条的方法
2014/04/04 Javascript
javascript获取四位数字或者字母的随机数
2015/01/09 Javascript
JavaScript运算符小结
2015/06/03 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
js实现文字向上轮播功能
2017/01/13 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
2017/07/13 jQuery
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
关于js对textarea换行符的处理方法浅析
2018/08/03 Javascript
vue init webpack 建vue项目报错的解决方法
2018/09/29 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
JavaScript生成随机验证码代码实例
2019/09/28 Javascript
[03:00]《DAC最前线》之欧美新秀VS老将
2015/02/01 DOTA
PYTHON压平嵌套列表的简单实现
2016/06/08 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
Python Pandas找到缺失值的位置方法
2018/04/12 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
外贸业务员求职自荐信分享
2013/09/21 职场文书
热能动力工程毕业生自荐信
2013/11/07 职场文书
产品设计开发计划书
2014/05/07 职场文书
妇联领导班子剖析材料
2014/08/21 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
淘宝好评语句大全
2014/12/31 职场文书
表扬信范文
2015/05/04 职场文书
2015年社区重阳节活动总结
2015/07/30 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
工作一年自我鉴定
2019/06/20 职场文书
MongoDB balancer的使用详解
2021/04/30 MongoDB