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


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 相关文章推荐
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
jQuery 处理页面的事件详解
Jan 20 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
jquery自定义表单验证插件
Oct 12 Javascript
详解js中==与===的区别
Jan 08 Javascript
Vue-Router进阶之滚动行为详解
Sep 13 Javascript
layer弹出层 iframe层去掉滚动条的实例代码
Aug 17 Javascript
react的滑动图片验证码组件的示例代码
Feb 27 Javascript
js实现树形数据转成扁平数据的方法示例
Feb 27 Javascript
详细分析vue表单数据的绑定
Jul 20 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下删除字符串中HTML标签的函数
2008/08/27 PHP
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
javascript 延迟加载技术(lazyload)简单实现
2011/01/17 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
2014/01/26 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
Javascript中的 “&amp;” 和 “|” 详解
2017/02/02 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
Vue自定义指令详解
2017/07/28 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python脚本实现集群检测和管理功能
2015/03/06 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)
2018/12/20 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
pandas数据处理之绘图的实现
2020/06/15 Python
总结python 三种常见的内存泄漏场景
2020/11/20 Python
管理学专业个人求职信范文
2013/09/21 职场文书
火锅店创业计划书范文
2014/02/02 职场文书
2015年元旦活动总结
2014/05/09 职场文书
春节联欢会策划方案
2014/05/16 职场文书
后勤工作个人总结
2015/02/28 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
通用员工手册范本
2015/05/14 职场文书
大学生学习十八届五中全会精神心得体会
2016/01/05 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP