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


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 相关文章推荐
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 Javascript
JavaScript入门之基本函数详解
Oct 21 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
js随机颜色代码的多种实现方式
Apr 23 Javascript
js螺旋动画效果的具体实例
Nov 15 Javascript
使用jquery中height()方法获取各种高度大全
Apr 02 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
javascript中caller和callee详解
Aug 10 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
Feb 08 Javascript
vue+element UI实现树形表格带复选框的示例代码
Apr 16 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
微信小程序实现拖拽功能
Sep 26 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
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
php读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
php中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
javascript确认框的三种使用方法
2013/12/17 Javascript
JS实现网页Div层Clone拖拽效果
2015/09/26 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
python基于右递归解决八皇后问题的方法
2015/05/25 Python
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
使用python在本地电脑上快速处理数据
2017/06/22 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
Charlotte Tilbury美国官网:英国美妆品牌
2017/10/13 全球购物
有关打架的检讨书
2014/01/25 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
乡镇计划生育工作汇报
2014/10/28 职场文书
如何才能写好调研报告?
2019/07/03 职场文书
JS不要再到处使用绝对等于运算符了
2021/04/30 Javascript
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技