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调试工具(下载)
Jan 09 Javascript
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
javascript 闭包疑问
Dec 30 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
Aug 27 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
JS使用for in有序获取对象数据
May 19 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
中国的第一台收音机
2021/03/01 无线电
新手学PHP之数据库操作详解及乱码解决!
2007/01/02 PHP
linux下 C语言对 php 扩展
2008/12/14 PHP
Memcache 在PHP中的使用技巧
2010/02/08 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
PHP下载生成的csv文件及问题总结
2015/08/06 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
Thinkphp5.0 框架的请求方式与响应方式分析
2019/10/14 PHP
用正则获取指定路径文件的名称
2007/02/27 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
最全面的JS倒计时代码
2016/09/17 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
详解vue-cli构建项目反向代理配置
2017/09/07 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
node打造微信个人号机器人的方法示例
2018/04/26 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
Python之reload流程实例代码解析
2018/01/29 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
pandas-resample按时间聚合实例
2019/12/27 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
实例教程 纯CSS3打造非常炫的加载动画效果
2014/11/05 HTML / CSS
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
荷兰美妆护肤品海淘网站:Beautinow(中文)
2020/11/22 全球购物
Servlet面试题库
2015/07/18 面试题
党员个人思想汇报
2013/12/28 职场文书
给老婆的婚前保证书
2014/02/01 职场文书
深入开展党的群众路线教育实践活动方案
2014/02/04 职场文书
单身证明范本
2015/06/15 职场文书