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 相关文章推荐
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
jquery.boxy插件的iframe扩展代码
Jul 02 Javascript
jquery实现多屏多图焦点图切换特效的方法
May 04 Javascript
ajax在兼容模式下失效的快速解决方法
Mar 22 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
Oct 08 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
Apr 25 Javascript
vue-swiper的使用教程
Aug 30 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
javascript 数组精简技巧小结
Feb 26 Javascript
npm全局环境变量配置详解
Dec 15 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使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
jQuery中click事件用法实例
2014/12/26 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
ExpressJS入门实例
2015/01/14 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
2016/08/24 Javascript
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
2020/10/30 Javascript
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
解决python中 f.write写入中文出错的问题
2018/10/31 Python
Python3实现汉语转换为汉语拼音
2019/07/08 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
python如何调用java类
2020/07/05 Python
单位刻章介绍信范文
2014/01/11 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
教师党员自我评价范文
2015/03/04 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
党小组意见范文
2015/06/08 职场文书
基石观后感
2015/06/12 职场文书
2016年春季运动会通讯稿
2015/11/25 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python