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中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
js动态在form上插入enctype=multipart/form-data的问题
May 24 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
jQuery过滤选择器详解
Jan 13 Javascript
Javascript+CSS3实现进度条效果
Oct 28 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
Apr 27 Javascript
基于Vue实现后台系统权限控制的示例代码
Aug 29 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 Javascript
vue封装数字翻牌器
Apr 20 Vue.js
谈谈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
德生PL550的电路分析
2021/03/02 无线电
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
ThinkPHP框架设计及扩展详解
2014/11/25 PHP
PHP反射实际应用示例
2019/04/03 PHP
制作特殊字的脚本
2006/06/26 Javascript
javascript 显示当前系统时间代码
2009/12/28 Javascript
用jquery实现自定义风格的滑动条实现代码
2011/04/26 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
vue.js表格分页示例
2016/10/18 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
浅谈Python中的全局锁(GIL)问题
2019/01/11 Python
python3.6实现学生信息管理系统
2019/02/21 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
TensorBoard 计算图的可视化实现
2020/02/15 Python
Python实现图片查找轮廓、多边形拟合、最小外接矩形代码
2020/07/14 Python
Python容器类型公共方法总结
2020/08/19 Python
Django model class Meta原理解析
2020/11/14 Python
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
后进生转化工作制度
2014/01/17 职场文书
《颐和园》教学反思
2014/02/26 职场文书
生育关怀行动实施方案
2014/03/26 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
2015年健康教育工作总结
2015/04/10 职场文书
社区环境卫生倡议书
2015/04/29 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
JVM钩子函数的使用场景详解
2021/08/23 Java/Android