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


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 中对象的继承〔转贴〕
Jan 22 Javascript
jquery lazyload延迟加载技术的实现原理分析
Jan 24 Javascript
JS验证邮箱格式是否正确的代码
Dec 05 Javascript
javascript:json数据的页面绑定示例代码
Jan 26 Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
Jun 23 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
Jul 27 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
AngularJS日程表案例详解
Aug 15 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
Vue 实现树形视图数据功能
May 07 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
Aug 13 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中用文本文件做数据库的实现方法
2008/03/27 PHP
Views rows style模板重写代码
2011/05/16 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
HTML node相关的一些资料整理
2010/01/01 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
2015/04/16 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
JavaScript数组排序reverse()和sort()方法详解
2017/12/24 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
mpvue 单文件页面配置详解
2018/12/02 Javascript
JSON的parse()方法介绍
2019/01/31 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
JS实现躲避粒子小游戏
2020/06/18 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
在Python的Django框架中编写编译函数
2015/07/20 Python
python去除文件中重复的行实例
2018/06/29 Python
python调用摄像头显示图像的实例
2018/08/03 Python
Python 使用folium绘制leaflet地图的实现方法
2019/07/05 Python
关于Python 的简单栅格图像边界提取方法
2019/07/05 Python
python实现两张图片拼接为一张图片并保存
2019/07/16 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
python3判断IP地址的方法
2021/03/04 Python
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
大学新生军训个人的自我评价
2013/10/03 职场文书
优秀应届生求职信
2014/06/16 职场文书
公务员四风问题对照检查材料整改措施
2014/09/26 职场文书
离婚协议书范本(2016最新版)
2016/03/18 职场文书
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫