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


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写的select支持上下键、首字母筛选以及回车取值的功能
Sep 09 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
javascript setTimeout和setInterval 的区别
Dec 08 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
JS代码实现table数据分页效果
May 26 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
Vue父子组件之间的通信实例详解
Sep 28 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
vue3弹出层V3Popup实例详解
Jan 04 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 APC的安装与使用详解
2013/06/13 PHP
PHP字符串的递增和递减示例介绍
2014/02/11 PHP
基于php编程规范(详解)
2017/08/17 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
jquery 模拟类搜索框自动完成搜索提示功能(改进)
2010/05/24 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
详解js中Json的语法与格式
2016/11/22 Javascript
JavaScript ES6中export、import与export default的用法和区别
2017/03/14 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
2017/08/08 jQuery
layui select动态添加option的实例
2018/03/07 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
2019/03/02 Javascript
基于layui框架响应式布局的一些使用详解
2019/09/16 Javascript
python中readline判断文件读取结束的方法
2014/11/08 Python
Python中time模块和datetime模块的用法示例
2016/02/28 Python
python二分查找算法的递归实现方法
2016/05/12 Python
浅谈Python的异常处理
2016/06/19 Python
使用pycharm生成代码模板的实例
2018/05/23 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
Python实现曲线拟合的最小二乘法
2021/02/19 Python
HTML5 video标签(播放器)学习笔记(一):使用入门
2015/04/24 HTML / CSS
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
2020/04/10 HTML / CSS
法国时尚童装网站:Melijoe
2016/08/10 全球购物
德国骆驼商店:ActiveFashionWorld
2017/11/18 全球购物
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
十佳中学生事迹材料
2014/06/02 职场文书
商品陈列协议书
2014/09/29 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python