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


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技术很烂的五个原因分析
Oct 28 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
学习vue.js中class与style绑定
Dec 03 Javascript
巧用canvas
Jan 21 Javascript
js判断是否是手机页面
Mar 17 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
laydate只显示时分 不显示秒的功能实现方法
Sep 28 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
js基础语法与maven项目配置教程案例
Jul 15 Javascript
Vue2.0搭建脚手架
Mar 13 Vue.js
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简单实现记录网站访问量功能示例
2018/06/06 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
JavaScript的类型、值和变量小结
2015/07/09 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
js鼠标跟随运动效果
2017/03/11 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
基于jQuery的左滑出现删除按钮的示例
2017/08/29 jQuery
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
2018/10/17 NodeJs
Nuxt.js实战和配置详解
2019/08/05 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
微信小程序用户盒子、宫格列表的实现
2020/07/01 Javascript
js实现微信聊天界面
2020/08/09 Javascript
python实现在字符串中查找子字符串的方法
2015/07/11 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
python实现简单登陆流程的方法
2018/04/22 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
pycharm激活码快速激活及使用步骤
2020/03/12 Python
Windows下Sqlmap环境安装教程详解
2020/08/04 Python
美国当红的名品折扣网:Gilt Groupe
2016/08/15 全球购物
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
有机童装:Toby Tiger
2018/05/23 全球购物
目标管理责任书
2014/04/15 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
公司周年庆典标语
2014/10/07 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
2014年合同管理工作总结
2014/12/02 职场文书
幼儿园老师工作总结2015
2015/05/22 职场文书
贷款担保书范本
2015/09/22 职场文书
化工厂员工工作总结
2015/10/15 职场文书