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的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
Dec 14 Javascript
JavaScript 函数replace深入了解
Mar 14 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
Feb 17 Javascript
分享两款带遮罩的jQuery弹出框
Dec 30 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
Vue 报错TypeError: this.$set is not a function 的解决方法
Dec 17 Javascript
实例讲解JavaScript预编译流程
Jan 24 Javascript
JavaScript实现点击出现子菜单效果
Feb 08 Javascript
react合成事件与原生事件的相关理解
May 13 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
星际原理概述
2020/03/04 星际争霸
PHP模拟SQL Server的两个日期处理函数
2006/10/09 PHP
一个MYSQL操作类
2006/11/16 PHP
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
Thinkphp批量更新数据的方法汇总
2016/06/29 PHP
Laravel框架文件上传功能实现方法示例
2019/04/16 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
javascript 有用的脚本函数
2009/05/07 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
JavaScript控制图片加载完成后调用回调函数的方法
2015/03/20 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
jquery中each循环的简单回滚操作
2017/05/05 jQuery
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
如何用RxJS实现Redux Form
2018/12/29 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
Python存取XML的常见方法实例分析
2017/03/21 Python
详解python使用Nginx和uWSGI来运行Python应用
2018/01/09 Python
python3 破解 geetest(极验)的滑块验证码功能
2018/02/24 Python
python 遍历列表提取下标和值的实例
2018/12/25 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
Python变量访问权限控制详解
2019/06/29 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
详解基于python的图像Gabor变换及特征提取
2020/10/26 Python
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
新书发布会策划方案
2014/06/09 职场文书
班级课外活动总结
2014/07/09 职场文书
JavaScript实现简单的音乐播放器
2022/08/14 Javascript