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


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 相关文章推荐
超级简单的图片防盗(HTML),好用
Apr 08 Javascript
动态获取复选框checkbox选中个数的jquery代码
Jun 25 Javascript
讨论html与javascript在浏览器中的加载顺序问题
Nov 27 Javascript
javascript实现iframe框架延时加载的方法
Oct 30 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
Bootstrap table 定制提示语的加载过程
Feb 20 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
JavaScript运动框架 多值运动(四)
May 18 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
原生js+css实现tab切换功能
Sep 17 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
ThinkPHP的RBAC(基于角色权限控制)深入解析
2013/06/17 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
浅谈PHP表单提交(POST&amp;GET&amp;URL编/解码)
2017/04/03 PHP
javascript web页面刷新的方法收集
2009/07/02 Javascript
网页自动跳转代码收集
2009/09/27 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
实现局部遮罩与关闭原理及代码
2013/02/04 Javascript
js相册效果代码(点击创建即可)
2013/04/16 Javascript
javascript将浮点数转换成整数的三个方法
2014/06/23 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
JS中Swiper的使用和轮播图效果
2017/08/11 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
使用Node.js实现ORM的一种思路详解(图文)
2017/10/24 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
python 动态获取当前运行的类名和函数名的方法
2014/04/15 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
python读取和保存视频文件
2018/04/16 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
如何使用python操作vmware
2019/07/27 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
您的网上新华书店:文轩网
2016/08/24 全球购物
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
运动会通讯稿150字
2014/02/15 职场文书
法律六进活动方案
2014/03/13 职场文书
采购员岗位职责范本
2015/04/07 职场文书
春节晚会开场白
2015/05/29 职场文书
导游词之太湖
2019/10/08 职场文书
我去timi了,一起去timi是什么意思?
2022/04/13 杂记