限时抢购-倒计时的完整实例(分享)


Posted in Javascript onSeptember 17, 2017

如下所示:

<!DOCTYPE HTML>
<html>
<head>
 <meta charset=utf-8"/>
 <title>团购——限时抢</title>
</head>
<body>
<div>
 <div class="time">还剩 <span id="LeftTime"></span></div>
</div>
<script>
 function FreshTime() {
  var endtime = new Date("2017/10/15,12:20:12");//结束时间
  var nowtime = new Date();//当前时间
  var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
  d = parseInt(lefttime / (24 * 3600));
  h = parseInt(lefttime /3600%24);
  m = parseInt(lefttime/60%60);
  s = parseInt(lefttime % 60);

  document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";
  if (lefttime <= 0) {
   document.getElementById("LeftTime").innerHTML = "团购已结束";
   clearInterval(sh);
  }
 }

 var sh;
 sh = setInterval(function () {
  FreshTime()
 },500);

</script>

</body>
</html>

效果图:

限时抢购-倒计时的完整实例(分享)

以上这篇限时抢购-倒计时的完整实例(分享)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery操作select option 的代码小结
Jun 21 Javascript
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 Javascript
javascript内存管理详细解析
Nov 11 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
Vue通过ref父子组件拿值方法
Sep 12 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
利用Vue实现一个markdown编辑器实例代码
May 19 Javascript
JS数组splice操作实例分析
Oct 12 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 #Javascript
Angularjs自定义指令实现分页插件(DEMO)
Sep 16 #Javascript
JS分页的实现(同步与异步)
Sep 16 #Javascript
AngularJs 延时器、计时器实例代码
Sep 16 #Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 #Javascript
Javascript 严格模式use strict详解
Sep 16 #Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 #Javascript
You might like
php上传文件并存储到mysql数据库的方法
2015/03/16 PHP
Linux系统中为php添加pcntl扩展
2016/08/28 PHP
JavaScript/jQuery 表单美化插件小结
2012/02/14 Javascript
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
JavaScript面试题(指针、帽子和女朋友)
2016/11/23 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
Angularjs 动态改变title标题(兼容ios)
2016/12/29 Javascript
JavaScript中的遍历详解(多种遍历)
2017/04/07 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
2018/08/20 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
使用python爬虫实现网络股票信息爬取的demo
2018/01/05 Python
python3获取当前文件的上一级目录实例
2018/04/26 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
python之yield和Generator深入解析
2019/09/18 Python
Tensorflow:转置函数 transpose的使用详解
2020/02/11 Python
python 列表推导和生成器表达式的使用
2021/02/01 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
英国的屈臣氏:Boots博姿
2017/12/23 全球购物
托管代码(Managed Code)和非托管代码(Unmanaged Code)有什么区别
2014/09/29 面试题
高三自我鉴定范文
2013/10/19 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
素质教育标语
2014/06/27 职场文书
销售活动策划方案
2014/08/26 职场文书
2015秋学期开学寄语
2015/05/28 职场文书
入党团支部推荐意见
2015/06/02 职场文书
追悼会家属答谢词
2015/09/29 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
如何书写邀请函?
2019/06/24 职场文书
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技