编程 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 相关文章推荐

xmlhttp缓存清除的2种解决方法

Dec 13 Javascript

jquery动态增加删减表格行特效

Nov 20 Javascript

推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)

Dec 13 Javascript

js实现图片上传并正常显示

Dec 19 Javascript

浅析$.getJSON异步请求和同步请求

Jun 06 Javascript

jQuery ajax方法传递中文时出现中文乱码的解决方法

Jul 25 Javascript

JS 全屏和退出全屏详解及实例代码

Nov 07 Javascript

Cpage.js给组件绑定事件的实现代码

Aug 31 Javascript

通过vue-cli来学习修改Webpack多环境配置和发布问题

Dec 22 Javascript

vue2.0 下拉框默认标题设置方法

Aug 22 Javascript

简述Vue中容易被忽视的知识点

Dec 09 Javascript

JavaScript 如何在浏览器中使用摄像头

Dec 02 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