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脚本
Feb 02 Javascript
JavaScript Promise启示录
Aug 12 Javascript
分享一个插件实现水珠自动下落效果
Jun 01 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
整理关于Bootstrap列表组的慕课笔记
Mar 29 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
Vue插值、表达式、分隔符、指令知识小结
Oct 12 Javascript
node.js监听文件变化的实现方法
Apr 17 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
微信小程序学习总结(五)常见问题实例小结
Jun 04 Javascript
vue+elementUI实现表格列的显示与隐藏
Apr 13 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
福利彩票幸运号码自动生成器
2006/10/09 PHP
PHP写的求多项式导数的函数代码
2012/07/04 PHP
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
Symfony2之session与cookie用法小结
2016/03/18 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
jQuery下的动画处理总结
2013/10/10 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
python中的多重继承实例讲解
2014/09/28 Python
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
python开启多个子进程并行运行的方法
2015/04/18 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
python3个性签名设计实现代码
2018/06/19 Python
django主动抛出403异常的方法详解
2019/01/04 Python
PYTHON如何读取和写入EXCEL里面的数据
2019/10/28 Python
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
FC-Moto西班牙:摩托车手最大的购物场所之一
2019/04/11 全球购物
材料化学应届生求职信
2013/10/09 职场文书
影视艺术学院毕业生自荐信
2013/11/13 职场文书
函授教育个人学习的自我评价
2013/12/31 职场文书
岗位明星事迹材料
2014/05/18 职场文书
反邪教标语
2014/06/23 职场文书
护士自我推荐信范文
2015/03/24 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书
走近毛泽东观后感
2015/06/04 职场文书
新兵入伍决心书
2015/09/22 职场文书
庭外和解协议书
2016/03/23 职场文书
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL