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页面顶部卷动广告效果
Dec 01 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
May 19 Javascript
js 动态加载事件的几种方法总结
Dec 25 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
jquery mobile 移动web(5)
Dec 20 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
Jan 18 Javascript
Node.js中看JavaScript的引用
Apr 22 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
js核心基础之闭包的应用实例分析
May 11 Javascript
Vue 同步异步存值取值实现案例
Aug 05 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站内搜索关键词变亮的实现方法
2014/12/30 PHP
golang与PHP输出excel示例
2016/07/22 PHP
Laravel框架实现的使用smtp发送邮件功能示例
2019/03/12 PHP
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
JS中setTimeout()的用法详解
2013/04/14 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
vue实现点击选中,其他的不选中方法
2018/09/05 Javascript
vue动态改变背景图片demo分享
2018/09/13 Javascript
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
[06:06]2018DOTA2亚洲邀请赛主赛事第四日战况回顾 全明星赛欢乐上演
2018/04/07 DOTA
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
python开发之tkinter实现图形随鼠标移动的方法
2015/11/11 Python
python数据类型_元组、字典常用操作方法(介绍)
2017/05/30 Python
python 拼接文件路径的方法
2018/10/23 Python
python实现一个猜拳游戏
2020/04/05 Python
pyecharts调整图例与各板块的位置间距实例
2020/05/16 Python
Python pathlib模块使用方法及实例解析
2020/10/05 Python
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
矫正人员思想汇报
2014/01/08 职场文书
教师节促销方案
2014/03/22 职场文书
党员承诺书内容
2014/03/26 职场文书
活动策划求职信模板
2014/04/21 职场文书
机关中层领导干部群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
领导干部作风建设总结
2014/10/23 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python
浅谈Python中对象是如何被调用的
2022/04/06 Python
Golang获取List列表元素的四种方式
2022/04/20 Golang