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 Firefox与IE 替换节点的方法
Feb 24 Javascript
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
javascript实现颜色渐变的方法
Oct 30 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
Jan 14 Javascript
js中的json对象详细介绍
Oct 29 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
js通过循环多张图片实现动画效果
Dec 19 Javascript
H5+css3+js搭建带验证码的登录页面
Oct 11 Javascript
介绍一下28个JS常用数组方法
May 06 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连接函数implode与分割explode的深入解析
2013/06/26 PHP
基于php中使用excel的简单介绍
2013/08/02 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
php中ob函数缓冲机制深入理解
2015/08/03 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
微信小程序canvas写字板效果及实例
2017/06/15 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
python中的函数用法入门教程
2014/09/02 Python
解决python3 安装完Pycurl在import pycurl时报错的问题
2018/10/15 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
pytorch实现保证每次运行使用的随机数都相同
2020/02/20 Python
python lambda的使用详解
2021/02/26 Python
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
nohup的用法
2012/11/26 面试题
军训鉴定表自我鉴定
2014/02/13 职场文书
物业总经理助理岗位职责
2014/06/29 职场文书
关于诚信的活动方案
2014/08/18 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
领导班子个人对照检查材料(群众路线)
2014/09/26 职场文书
公司领导班子民主生活会对照检查材料
2014/10/02 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
MySQL pt-slave-restart工具的使用简介
2021/04/07 MySQL
Django显示可视化图表的实践
2021/05/10 Python