编程 Javascript

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

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>

效果图：

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

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

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

- Author -

喵嘻嘻

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍

Jan 10 Javascript

js获得参数的getParameter使用示例

Feb 26 Javascript

express的中间件bodyParser详解

Dec 04 Javascript

jQuery聚合函数实例

May 21 Javascript

在JavaScript中处理数组之reverse()方法的使用

Jun 09 Javascript

灵活的理解JavaScript中的this指向

Feb 25 Javascript

JavaScript_ECMA5数组新特性详解

Jun 12 Javascript

Javascript中带名匿名箭头函数的重要区别(推荐)

Jan 29 Javascript

js判断用户是输入的地址请求的路径(实例讲解)

Jul 18 Javascript

layui点击弹框页面表单请求的方法

Sep 21 Javascript

浅谈vuex中store的命名空间

Nov 08 Javascript

vue商城中商品“筛选器”功能的实现代码

Jul 01 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