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


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 相关文章推荐
javascript的函数
Jan 31 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
页面使用密码保护代码
Apr 10 Javascript
javascript中apply、call和bind的使用区别
Apr 05 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
vue interceptor 使用教程实例详解
Sep 13 Javascript
微信小程序select下拉框实现源码
Nov 08 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 Javascript
React 高阶组件HOC用法归纳
Jun 13 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代码中的注释方法
2016/11/03 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
2010/07/20 Javascript
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
js控制输入框获得和失去焦点时状态显示的方法
2015/01/30 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
Javascript的表单验证-初识正则表达式
2016/03/18 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
js闭包用法实例详解
2016/12/13 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
html5 canvas 详细使用教程
2017/01/20 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
利用node.js本地搭建HTTP服务器
2017/04/19 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
Vue波纹按钮组件制作
2018/04/30 Javascript
python实现数通设备tftp备份配置文件示例
2014/04/02 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
python中的print()输出
2019/04/12 Python
tensorflow如何批量读取图片
2019/08/29 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
英语感恩演讲稿
2014/01/14 职场文书
一年级数学教学反思
2014/02/01 职场文书
工商企业管理专业自荐信范文
2014/04/12 职场文书
文艺演出策划方案
2014/06/07 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
2015年库房工作总结
2015/04/30 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书