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 null和undefined区别分析
Oct 14 Javascript
Javascript的构造函数和constructor属性
Jan 09 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
js调出上下文菜单的实例
Dec 17 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
原生js实现购物车功能
Sep 23 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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
php 如何获取数组第一个值
2013/08/06 PHP
destoon二次开发入门示例
2014/06/20 PHP
8个必备的PHP功能开发
2015/10/02 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
picChange 图片切换特效的函数代码
2010/05/06 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
2015/01/12 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
Javascript 6里的4个新语法
2016/08/25 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
Python Mysql自动备份脚本
2008/07/14 Python
在NumPy中创建空数组/矩阵的方法
2018/06/15 Python
Python闭包函数定义与用法分析
2018/07/20 Python
Python WEB应用部署的实现方法
2019/01/02 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
Python 爬虫性能相关总结
2020/08/03 Python
html5 touch事件实现触屏页面上下滑动(二)
2016/03/10 HTML / CSS
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
Linux操作面试题
2012/05/16 面试题
知识竞赛拉拉队口号
2014/06/16 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
法定授权委托证明书
2015/06/18 职场文书
银行培训心得体会范文
2016/01/09 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技