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


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 相关文章推荐
Script的加载方法小结
Jan 12 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
Jul 01 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
Aug 18 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
在ES5与ES6环境下处理函数默认参数的实现方法
May 13 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
May 13 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
一篇文章了解正则表达式的替换技巧
Feb 24 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将时间差转换为字符串提示
2011/09/07 PHP
PHP反转字符串函数strrev()函数的用法
2012/02/04 PHP
基于php上传图片重命名的6种解决方法的详细介绍
2013/04/28 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
js获取IP和PcName(IE)在vs中可用
2013/08/02 Javascript
JavaScript监听和禁用浏览器回车事件实例
2015/01/31 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
2018/08/09 jQuery
Django模板继承 extend标签实例代码详解
2019/05/16 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
Python列表推导式的使用方法
2013/11/21 Python
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
解析Python中while true的使用
2015/10/13 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
flask框架渲染Jinja模板与传入模板变量操作详解
2020/01/25 Python
flask开启多线程的具体方法
2020/08/02 Python
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
学前教育求职自荐信范文
2013/12/25 职场文书
消防安全管理制度
2014/02/01 职场文书
安全生产先进个人材料
2014/02/06 职场文书
企业宣传标语
2014/06/09 职场文书
超市周年庆活动方案
2014/08/16 职场文书
小学科学课教学反思
2016/02/23 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
使用react+redux实现计数器功能及遇到问题
2021/06/02 Javascript
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle