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
Nov 25 Javascript
js文字滚动停顿效果代码
Jun 28 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
Node.js文件操作详解
Aug 16 Javascript
js中日期的加减法
May 06 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
关于Function中的bind()示例详解
Dec 02 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
JavaScript实现表单注册、表单验证、运算符功能
Oct 15 Javascript
React 高阶组件HOC用法归纳
Jun 13 Javascript
vue项目中的支付功能实现(微信支付和支付宝支付)
Feb 18 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
一个程序下载的管理程序(三)
2006/10/09 PHP
php定时删除文件夹下文件(清理缓存文件)
2013/01/23 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
php接口技术实例详解
2016/12/07 PHP
php解决安全问题的方法实例
2019/09/19 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
JavaScript 构造函数 面相对象学习必备知识
2010/06/09 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
js实现双击图片放大单击缩小的方法
2015/02/17 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
2015/06/19 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
2017/01/06 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
VUE渲染后端返回含有script标签的html字符串示例
2019/10/28 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
jQuery实现推拉门效果
2020/10/19 jQuery
JS实现购物车基本功能
2020/11/08 Javascript
在Python的Django框架中编写编译函数
2015/07/20 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
next在python中返回迭代器的实例方法
2020/12/15 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
会计专业毕业自荐书范文
2014/02/08 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
社区灵活就业证明
2014/11/03 职场文书
团队拓展训练感想
2015/08/07 职场文书
Nginx快速入门教程
2021/03/31 Servers