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 相关文章推荐
js玩一玩WSH吧
Feb 23 Javascript
js怎么终止程序return不行换jfslk
May 30 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
jQuery实现弹出带遮罩层的居中浮动窗口效果
Sep 12 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
浅析javascript中的Event事件
Dec 09 Javascript
JS正则表达式之非捕获分组用法实例分析
Dec 28 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 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抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
PHP递归调用数组值并用其执行指定函数的方法
2015/04/01 PHP
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
jQuery大于号(&gt;)选择器的作用解释
2015/01/13 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
Vue父子模版传值及组件传值的三种方法
2017/11/27 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
送你43道JS面试题(收藏)
2019/06/17 Javascript
如何使用JavaScript实现栈与队列
2019/06/24 Javascript
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
Python selenium 三种等待方式解读
2016/09/15 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
Python中的 is 和 == 以及字符串驻留机制详解
2019/06/28 Python
python多进程并发demo实例解析
2019/12/13 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
Python使用扩展库pywin32实现批量文档打印实例
2020/04/09 Python
Django如何使用jwt获取用户信息
2020/04/21 Python
Staples加拿大官方网站:办公用品一站式采购
2016/09/25 全球购物
大学考试作弊检讨书
2014/01/30 职场文书
档案信息化建设方案
2014/05/16 职场文书
经济国贸专业求职信
2014/06/18 职场文书
机械操作工岗位职责
2014/08/08 职场文书
化工实习心得体会
2014/09/09 职场文书
教师党员个人总结
2015/02/10 职场文书
2015年学校教务处工作总结
2015/05/11 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
Win11怎样将锁屏账户头像图片改成动画视频
2021/11/21 数码科技
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS