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 相关文章推荐
经典海量jQuery插件 大家可以收藏一下
Feb 07 Javascript
script标签的 charset 属性使用说明
Dec 04 Javascript
ajax上传时参数提交不更新等相关问题
Dec 11 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
jQuery循环遍历子节点并获取值的方法
Apr 14 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
May 12 Javascript
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
为什么node.js不适合大型项目
Apr 28 Javascript
Vue实现动态查询规则生成组件
May 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 智能404跳转代码,适合换域名没改变目录的网站
2010/06/04 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
php libevent 功能与使用方法详解
2020/03/04 PHP
经典的带阴影的可拖动的浮动层
2006/06/26 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
Javascript控制页面链接在新窗口打开具体方法
2013/08/16 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
js中this用法实例详解
2015/05/05 Javascript
基于jquery实现下拉框美化特效
2016/02/02 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
Python数据库的连接实现方法与注意事项
2016/02/27 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
基于python图像处理API的使用示例
2020/04/03 Python
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
人力资源专业推荐信
2013/11/29 职场文书
党员创先争优公开承诺书
2014/03/28 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
银行实习推荐信
2015/03/27 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
2016年党员公开承诺书格式范文
2016/03/24 职场文书
pycharm无法导入lxml的解决办法
2021/03/31 Python
pytorch 如何使用amp进行混合精度训练
2021/05/24 Python
浅谈Web Storage API的使用
2021/06/23 Javascript
浅谈克隆 JavaScript
2021/11/02 Javascript