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 getStyle获取最终样式函数代码
Apr 01 Javascript
jquery 页面全选框实践代码
Apr 02 Javascript
基于jquery的滚动新闻列表
Jun 19 Javascript
js URL参数的拼接方法比较
Feb 15 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
jQuery中slidedown与slideup方法用法示例
Sep 16 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
Jul 18 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
Mar 12 Javascript
JS实现520 表白简单代码
May 21 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扩展编写点滴 技巧收集
2010/03/09 PHP
php中url函数介绍及使用示例
2014/02/13 PHP
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
JS实现的tab切换选项卡效果示例
2017/02/28 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
Vue中render函数的使用方法
2018/01/31 Javascript
vue插件draggable实现拖拽移动图片顺序
2018/12/01 Javascript
移动端如何用下拉刷新的方式实现上拉加载
2018/12/10 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
javascript实现倒计时提示框
2021/03/02 Javascript
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
Python实现爬取逐浪小说的方法
2015/07/07 Python
Python二分查找详解
2015/09/13 Python
浅谈python for循环的巧妙运用(迭代、列表生成式)
2017/09/26 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
python中如何使用分步式进程计算详解
2019/03/22 Python
python 使用matplotlib 实现从文件中读取x,y坐标的可视化方法
2019/07/04 Python
Python 求数组局部最大值的实例
2019/11/26 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
Python json解析库jsonpath原理及使用示例
2020/11/25 Python
python安装sklearn模块的方法详解
2020/11/28 Python
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
高中自我鉴定
2013/12/20 职场文书
高中竞选班长演讲稿
2014/04/24 职场文书
教师一帮一活动总结
2014/07/08 职场文书
学校节水倡议书
2015/04/29 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
2015年班主任德育工作总结
2015/05/21 职场文书
工作简历的自我评价
2019/05/16 职场文书
话题作文之成长
2019/12/09 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python