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


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 相关文章推荐
简单的无缝滚动程序-仅几行代码
May 08 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
jQuery-Tools-overlay 使用介绍
Jul 14 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
javascript父、子页面交互技巧总结
Aug 08 Javascript
IE10中flexigrid无法显示数据的解决方法
Jul 26 Javascript
全面理解JavaScript中的继承(必看)
Jun 16 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
vue实现无缝轮播效果(跑马灯)
May 14 Vue.js
帮你提高开发效率的JavaScript20个技巧
Jun 18 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
php5.3 废弃函数小结
2010/05/16 PHP
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
PHP5.2下preg_replace函数的问题
2015/05/08 PHP
php发送邮件的问题详解
2015/06/22 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
2013/04/15 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
Nodejs监控事件循环异常示例详解
2019/09/22 NodeJs
axios如何取消重复无用的请求详解
2019/12/15 Javascript
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
Python新手们容易犯的几个错误总结
2017/04/01 Python
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
python pandas修改列属性的方法详解
2018/06/09 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
Python解析多帧dicom数据详解
2020/01/13 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
公司优秀员工推荐信
2015/03/24 职场文书
Arthas排查Kubernetes中应用频繁挂掉重启异常
2022/02/28 MySQL