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


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 相关文章推荐
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
多种方法实现JS动态添加事件
Nov 01 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
Aug 08 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
详解vue 单页应用(spa)前端路由实现原理
Apr 04 Javascript
详解js模板引擎art template数组渲染的方法
Oct 09 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 Javascript
利用JavaScript写一个简单计算器
Nov 27 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
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
探讨PHP删除文件夹的三种方法
2013/06/09 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
PHP实现RSA签名生成订单功能【支付宝示例】
2017/06/06 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
Jquery中获取iframe的代码
2011/01/11 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
2015/12/11 Javascript
jQuery的promise与deferred对象在异步回调中的作用
2016/05/03 Javascript
JS模态窗口返回值兼容问题的完美解决方法
2016/05/28 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
jQuery Ajax File Upload实例源码
2016/12/12 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
Vuejs通过拖动改变元素宽度实现自适应
2020/09/02 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python实现的异步代理爬虫及代理池
2017/03/17 Python
Python 专题二 条件语句和循环语句的基础知识
2017/03/19 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
Python实现将通信达.day文件读取为DataFrame
2018/12/22 Python
Python嵌套式数据结构实例浅析
2019/03/05 Python
详解Python正则表达式re模块
2019/03/19 Python
python 获取等间隔的数组实例
2019/07/04 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
菲律宾最大的网上花店和礼品店:PhilFlower.com
2018/02/09 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
测量实习生自我鉴定
2013/09/19 职场文书
老教师工作总结的自我评价
2013/09/27 职场文书
大学生作弊检讨书
2014/09/11 职场文书
高中物理教学反思
2016/02/19 职场文书