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


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中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
JavaScript中5种调用函数的方法
Mar 12 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
angular中使用Socket.io实例代码
Jun 03 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 Javascript
JS面试题大坑之隐式类型转换实例代码
Oct 14 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
JavaScript原型式继承实现方法
Nov 06 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中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
php curl选项列表(超详细)
2013/07/01 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
对javascript继承的理解
2016/10/11 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
快速使用node.js进行web开发详解
2017/04/26 Javascript
BootStrap 导航条实例代码
2017/05/18 Javascript
jQuery 导航自动跟随滚动的实现代码
2018/05/30 jQuery
vue 权限认证token的实现方法
2018/07/17 Javascript
浅谈js数组splice删除某个元素爬坑
2020/10/14 Javascript
[03:07]完美世界DOTA2联赛PWL DAY10 决赛集锦
2020/11/11 DOTA
python3库numpy数组属性的查看方法
2018/04/17 Python
python爬虫超时的处理的实例
2018/12/19 Python
Python单元和文档测试实例详解
2019/04/11 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
python读取Kafka实例
2019/12/23 Python
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
高中毕业生自我鉴定
2013/11/03 职场文书
移动通信专业自荐信范文
2013/11/12 职场文书
采购主管工作职责
2013/12/12 职场文书
数控技术学生的自我评价
2014/02/15 职场文书
生产操作工岗位职责
2014/09/16 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers