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 相关文章推荐
Javascript学习笔记7 原型链的原理
Jan 11 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
Jun 20 Javascript
JavaScript常用全局属性与方法记录积累
Jul 03 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
常用js字符串判断方法整理
Oct 18 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
Feb 12 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
Jquery-data的三种用法
Apr 18 jQuery
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 Javascript
JavaScript中的回调函数实例讲解
Jan 27 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
Nov 20 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
连接到txt文本的超链接,不直接打开而是点击后下载的处理方法
2009/07/01 PHP
php如何解决无法上传大于8M的文件问题
2014/03/10 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
php计算到指定日期还有多少天的方法
2015/04/14 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
2014/04/17 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
jQuery使用fadein方法实现渐出效果实例
2015/03/27 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
2016/09/26 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
利用Angular7开发一个Radio组件的全过程
2019/07/11 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
python数据处理实战(必看篇)
2017/06/11 Python
django admin添加数据自动记录user到表中的实现方法
2018/01/05 Python
python操作redis方法总结
2018/06/06 Python
浅谈django orm 优化
2018/08/18 Python
Python 普通最小二乘法(OLS)进行多项式拟合的方法
2018/12/29 Python
使用pycharm设置控制台不换行的操作方法
2019/01/19 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
大学毕业生最详细的自我评价分享
2013/11/18 职场文书
信用社员工先进事迹材料
2014/02/04 职场文书
借款协议书范本
2014/04/22 职场文书
环保倡议书100字
2014/05/15 职场文书
新闻发布会策划方案
2014/06/12 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
辣妈辣妹观后感
2015/06/10 职场文书