Javascript倒计时代码


Posted in Javascript onAugust 12, 2010

JS脚本:

<script language="javascript" type="text/javascript"> 
var interval = 1000; 
function ShowCountDown(year, month, day, divname) { 
var now = new Date(); 
var endDate = new Date(year, month - 1, day, 14, 07); 
var leftTime = endDate.getTime() - now.getTime(); 
var leftsecond = parseInt(leftTime / 1000); 
var day1 = Math.floor(leftsecond / (60 * 60 * 24)); 
var hour1 = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600); 
var hour = Math.floor((leftsecond - 60 * 60) / 3600); 
//如果小时为负数 显示0 
if (hour > 0) { 
} 
else { 
hour = 0; 
} 
if (day1 < 0) { 
hour = hour1 
} 
var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour1 * 3600) / 60); 
var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour1 * 3600 - minute * 60); 
var cc = document.getElementById(divname); 
//如果结束时间为负数 就显示0 
if (leftTime > 0) { 
cc.innerHTML = hour + "小时" + minute + "分" + second + "秒"; 
//如果显示年份 取消注释 
//cc.innerHTML = "距离" + year + "年" + month + "月" + day + "日还有:" + hour + "小时" + minute + "分" + second + "秒"; 
} 
else { 
cc.innerHTML = 0 + "小时" + 0 + "分" + 0 + "秒"; 
} 
} 
//showData是DIV的ID 2010,8,10表示是年月日的意思 参数根据自己的需求设置。 
window.setInterval(function () { ShowCountDown(2010, 8, 10, 'showData'); }, interval); 
</script>

在需要显示时间的位置加上如下代码:
<div id="showData"> 
</div>
Javascript 相关文章推荐
Javascript isArray 数组类型检测函数
Oct 08 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
React 使用Hooks简化受控组件的状态绑定
Mar 18 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
vue商城中商品“筛选器”功能的实现代码
Jul 01 Javascript
vue npm install 安装某个指定的版本操作
Aug 11 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 #Javascript
JavaScript 通过模式匹配实现重载
Aug 12 #Javascript
js更优雅的兼容
Aug 12 #Javascript
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 #Javascript
javascript闭包的理解和实例
Aug 12 #Javascript
javascript 词法作用域和闭包分析说明
Aug 12 #Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 #Javascript
You might like
举例详解PHP脚本的测试方法
2015/08/05 PHP
PHP微信开发之微信消息自动回复下所遇到的坑
2016/05/09 PHP
详解PHP中的外观模式facade pattern
2018/02/05 PHP
JS中彻底删除JSON对象组成的数组中的元素
2020/09/22 PHP
Javascript &amp; DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
JS模式之单例模式基本用法
2015/06/30 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
2016/08/24 Javascript
Angularjs实现下拉框联动的示例代码
2017/08/22 Javascript
Windows下Node.js安装及环境配置方法
2017/09/18 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
[原创]教女朋友学Python(一)运行环境搭建
2017/11/29 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
Python Opencv 通过轨迹(跟踪)栏实现更改整张图像的背景颜色
2020/03/09 Python
python中判断文件结束符的具体方法
2020/08/04 Python
运行Python编写的程序方法实例
2020/10/21 Python
Python使用paramiko连接远程服务器执行Shell命令的实现
2021/03/04 Python
高分子材料个人求职信范文
2013/09/25 职场文书
护士实习鉴定范文
2013/12/22 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
盗窃案辩护词
2015/05/21 职场文书
行政处罚告知书
2015/07/01 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
导游词之青城山景区
2019/09/27 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
muduo TcpServer模块源码分析
2022/04/26 Redis