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 相关文章推荐
JS面向对象、prototype、call()、apply()
May 14 Javascript
Extjs学习笔记之七 布局
Jan 08 Javascript
JavaScript之引用类型介绍
Aug 10 Javascript
jquery中交替点击事件toggle方法的使用示例
Dec 08 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
JavaScript列表框listbox全选和反选的实现方法
Mar 18 Javascript
jQuery操作表单常用控件方法小结
Mar 23 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
Vue 使用beforeEach实现登录状态检查功能
Oct 31 Javascript
quickjs 封装 JavaScript 沙箱详情
Nov 02 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 变量定义和变量替换的方法
2009/07/30 PHP
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
Php无限级栏目分类读取的实现代码
2014/02/19 PHP
PHP的mysqli_thread_id()函数讲解
2019/01/24 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
JavaScript中this详解
2015/09/01 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
2015/11/17 Javascript
基于jQuery实现页面搜索功能
2020/03/26 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
vue实现百度搜索功能
2020/12/28 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
python双向链表实现实例代码
2013/11/21 Python
python简单实现基于SSL的IRC bot实例
2015/06/15 Python
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
Python HTTP下载文件并显示下载进度条功能的实现
2020/04/02 Python
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
Java程序员综合测试题
2014/04/25 面试题
高级技校毕业生自荐信
2013/11/18 职场文书
高校教师岗位职责
2014/03/18 职场文书
阳光体育活动总结
2014/04/30 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
乡镇党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
总经理岗位职责
2015/02/04 职场文书
毕业实习单位意见
2015/06/04 职场文书
2015年教师国培感言
2015/08/01 职场文书
2015年国培研修感言
2015/08/01 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP
golang生成并解析JSON
2022/04/14 Golang