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 相关文章推荐
基于Jquery的简单图片切换效果
Jan 06 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
Bootstrap Table使用心得总结
Nov 29 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
AngularJs+Bootstrap实现漂亮的计算器
Aug 10 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 Javascript
在Vue项目中,防止页面被缩放和放大示例
Oct 28 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 Vue.js
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导入导出excel实例
2013/10/25 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
CI使用Tank Auth转移数据库导致密码用户错误的解决办法
2014/06/12 PHP
PHP自定义函数实现数组比较功能示例
2017/10/19 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
类似CSDN图片切换效果脚本
2009/09/17 Javascript
ajax 缓存 问题 requestheader
2010/08/01 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
jquery输入数字随机抽奖特效的简单实现代码
2016/06/10 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
vue 添加vux的代码讲解
2017/11/30 Javascript
详解js类型判断
2018/05/22 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
vue-i18n结合Element-ui的配置方法
2019/05/20 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
微信小程序单选框自定义赋值
2020/05/26 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
Python程序设计入门(2)变量类型简介
2014/06/16 Python
Python格式化压缩后的JS文件的方法
2015/03/05 Python
Python 的内置字符串方法小结
2016/03/15 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
Python‘==‘ 及 ‘is‘相关原理解析
2020/09/05 Python
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
全球500多个机场的接送服务:Suntransfers
2019/06/03 全球购物
普通大学毕业生自荐信
2013/11/04 职场文书
给上级领导的感谢信
2015/01/22 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
英雄儿女观后感
2015/06/09 职场文书
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL
Android自定义双向滑动控件
2022/04/19 Java/Android