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 Memoizer浅析
Oct 16 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
Dec 03 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 jQuery
vue实现评论列表功能
Oct 25 Javascript
Vue使用鼠标在Canvas上绘制矩形
Dec 24 Vue.js
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+MYSQL开发工具及资源收藏
2007/01/02 PHP
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
mysql 查询指定日期时间内sql语句实现原理与代码
2012/12/16 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
react路由配置方式详解
2017/08/07 Javascript
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
vue .sync修饰符的使用详解
2018/06/15 Javascript
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
ES6中Set和Map用法实例详解
2020/03/02 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
Vue关于组件化开发知识点详解
2020/05/13 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
如何处理Python3.4 使用pymssql 乱码问题
2016/01/08 Python
Python数据分析中Groupby用法之通过字典或Series进行分组的实例
2017/12/08 Python
Flask之请求钩子的实现
2018/12/23 Python
python实现简单加密解密机制
2019/03/19 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python读写csv文件的方法
2019/08/13 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
计算机专业个人求职自荐信
2013/09/21 职场文书
项目合作协议书
2014/09/23 职场文书
汽车4S店销售经理岗位职责
2015/04/02 职场文书
python绘制箱型图
2021/04/27 Python
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python