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 相关文章推荐
Add a Formatted Table to a Word Document
Jun 15 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
JavaScript获取IP获取的是IPV6 如何校验
Jun 12 Javascript
浅析JavaScript函数的调用模式
Aug 10 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
JS实现可针对算术表达式求值的计算器功能示例
Sep 04 Javascript
JavaScript实现英语单词题库
Dec 24 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 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
删除无限级目录与文件代码共享
2006/07/12 PHP
PHP入门速成(2)
2006/10/09 PHP
PHP校验ISBN码的函数代码
2011/01/17 PHP
php用户注册页面利用js进行表单验证具体实例
2013/10/17 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
2011/12/31 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
js实现简单选项卡与自动切换效果的方法
2015/04/10 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
JavaScript对象引用与赋值实例详解
2017/03/15 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
python解析html提取数据,并生成word文档实例解析
2018/01/22 Python
将python代码和注释分离的方法
2018/04/21 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python中使用psutil查看内存占用的情况
2018/06/11 Python
Python人脸识别第三方库face_recognition接口说明文档
2019/05/03 Python
Python3实现定时任务的四种方式
2019/06/03 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
新闻专业学生的自我评价
2014/02/13 职场文书
2014年学校财务工作总结
2014/12/06 职场文书
信仰观后感
2015/06/03 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL