JS实现的仿淘宝交易倒计时效果


Posted in Javascript onNovember 27, 2015

本文实例讲述了JS实现的仿淘宝交易倒计时效果。分享给大家供大家参考,具体如下:

<script type="text/javascript">
var StartTime = new Date("2015/11/11 12:34:03");
document.write("订购时间: " + StartTime.toLocaleDateString() + StartTime.toLocaleTimeString() + "<br/>");
var CurrentTime = new Date();
document.write("当前时间: " + CurrentTime.toLocaleDateString() + CurrentTime.toLocaleTimeString() + "<br/>");
var EndTime=StartTime.getTime() + 15*24*60*60*1000;//约定订购时间15天后关闭交易
EndTime = new Date(EndTime);
document.write("结束时间: " + EndTime.toLocaleDateString() + EndTime.toLocaleTimeString() + "<br/>");
var TempTime = StartTime;
var nMS,nD,nH,nM,nS;
function ShowCloseTime(){  
  var oDate = new Date();
  nMS=EndTime-oDate ;  
  nD=Math.floor(nMS/(1000*60*60*24));
  nH=Math.floor(nMS/(1000*60*60)) % 24 ;
  nM=Math.floor(nMS/(1000*60)) % 60;
  nS=Math.floor(nMS/1000) % 60;  
  document.getElementById("CloseTime").innerHTML = ("您还有" + nD + "天" + nH + "小时" + nM + "分" + nS + "秒完成交易");
  if (nS<0 || nM<0 || nH<0 || nD<0)
  {
    document.getElementById("CloseTime").innerHTML = "交易因超过15天,已被系统自动关闭"
    clearInterval(CloseTimer);
  }
}
var CloseTimer = window.setInterval("ShowCloseTime()",1000) 
</script>
<div id="CloseTime"></div>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
限制textbox或textarea输入字符长度的JS代码
Oct 16 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
JavaScript动态添加style节点的方法
Jun 09 Javascript
基于jquery实现最简单的选项卡切换效果
May 08 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
JavaScript动态加载重复绑定问题
Apr 01 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 Javascript
js布局实现单选按钮控件
Jan 17 Javascript
谈谈jQuery Ajax用法详解
Nov 27 #Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
Nov 26 #Javascript
基于jquery实现全屏滚动效果
Nov 26 #Javascript
javascript给span标签赋值的方法
Nov 26 #Javascript
谈谈javascript中使用连等赋值操作带来的问题
Nov 26 #Javascript
jQuery实现的AJAX简单弹出层效果代码
Nov 26 #Javascript
js检测iframe是否加载完成的方法
Nov 26 #Javascript
You might like
PHP连接操作access数据库实例
2015/03/30 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
JQuery 风格的HTML文本转义
2009/07/01 Javascript
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
JavaScript QueryString解析类代码
2010/01/17 Javascript
JavaScript学习历程和心得小结
2010/08/16 Javascript
JavaScript中的Web worker多线程API研究
2014/12/06 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
2015/06/19 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
AngularJS 中的事件详解
2016/07/28 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
jQuery实现简单日期格式化功能示例
2017/09/19 jQuery
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
2020/06/26 Javascript
Python中逗号的三种作用实例分析
2015/06/08 Python
Python 探针的实现原理
2016/04/23 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
《红军不怕远征难》教学反思
2014/04/14 职场文书
企业活动策划方案
2014/06/02 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
党员作风建设整改方案
2014/10/27 职场文书
毕业论文指导教师评语
2014/12/30 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
教您怎么制定西餐厅运营方案 ?
2019/07/05 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
Redis三种集群模式详解
2021/10/05 Redis