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 打印页面代码
Mar 24 Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
javascript JSON操作入门实例
Apr 16 Javascript
ExtJS 下拉多选框lovcombo
May 19 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
Nov 03 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
javascript实现左右缓动动画函数
Nov 25 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 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
PHP 5.0对象模型深度探索之绑定
2006/09/05 PHP
让PHP以ROOT权限执行系统命令的方法
2011/02/10 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
php实现文件下载代码分享
2014/08/19 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
jquery photoFrame 图片边框美化显示插件
2010/06/28 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
2014/12/08 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
深入浅析JS中的严格模式
2018/06/04 Javascript
js字符串处理之绝妙的代码
2019/04/05 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
python搭建简易服务器分析与实现
2012/12/15 Python
Python中操作文件之write()方法的使用教程
2015/05/25 Python
在Django的通用视图中处理Context的方法
2015/07/21 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
利用OpenCV中对图像数据进行64F和8U转换的方式
2020/06/03 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
Python sqlalchemy时间戳及密码管理实现代码详解
2020/08/01 Python
Python远程linux执行命令实现
2020/11/11 Python
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
人力资源部经理助理岗位职责
2014/03/04 职场文书
家长学校培训材料
2014/08/20 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
工作检讨书大全
2015/01/26 职场文书
顶岗实习协议书
2015/01/29 职场文书
业务员辞职信范文
2015/03/02 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
入党群众意见范文
2015/06/02 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
python 如何用terminal输入参数
2021/05/25 Python