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 相关文章推荐
showModelessDialog()使用详解
Sep 21 Javascript
js批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
JS替换字符串中空格方法
Apr 17 Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
深入理解Node内建模块和对象
Mar 12 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的变量总结 新手推荐
2011/04/18 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP读取xml方法介绍
2013/01/12 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
php取出数组单个值的方法
2018/03/12 PHP
PHP单例模式模拟Java Bean实现方法示例
2018/12/07 PHP
php校验公钥是否可用的实例方法
2019/09/17 PHP
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
2013/05/14 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
jquery事件的ready()方法使用详解
2015/11/11 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
Vue.js结合bootstrap实现分页控件
2017/03/10 Javascript
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
微信小程序使用map组件实现解析经纬度功能示例
2019/01/22 Javascript
[01:20:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第四场 8.26
2018/08/30 DOTA
python中lambda与def用法对比实例分析
2015/04/30 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
python命令行解析之parse_known_args()函数和parse_args()使用区别介绍
2018/01/24 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
pytorch的batch normalize使用详解
2020/01/15 Python
python re.match()用法相关示例
2021/01/27 Python
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
土木工程毕业生自荐信
2013/09/21 职场文书
教师节活动主持词
2014/04/02 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
正风肃纪剖析材料
2014/09/30 职场文书
内乡县衙导游词
2015/02/05 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS