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 相关文章推荐
一个仿糯米弹框效果demo
Jul 22 Javascript
深入浅析react native es6语法
Dec 09 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
高效的jQuery代码编写技巧总结
Feb 22 Javascript
node实现简单的反向代理服务器
Jul 26 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
Vue入门之animate过渡动画效果
Apr 08 Javascript
了解javascript中的Dom操作
May 27 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
微信小程序动态添加和删除组件的现实
Feb 28 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 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实现选择排序的解决方法
2013/05/04 PHP
深入file_get_contents与curl函数的详解
2013/06/25 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
php排序算法实例分析
2016/10/17 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
php实现产品加入购物车功能(1)
2020/07/23 PHP
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
2012/08/09 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
2015/01/09 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
深入理解移动前端开发之viewport
2018/10/19 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python基础教程之常用运算符
2014/08/29 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
python如何输出反斜杠
2020/06/18 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
Perfume’s Club意大利官网:欧洲美妆电商
2019/05/03 全球购物
制药工程专业个人求职自荐信
2014/01/25 职场文书
授权委托书样本
2014/04/03 职场文书
大学生旷课检讨书1000字
2015/02/19 职场文书
感恩教师节主题班会
2015/08/12 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫