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创建通用表单验证——更锋利的使用dom对象
Sep 13 Javascript
javascript动态修改Li节点值的方法
Jan 20 Javascript
JS通过ajax动态读取xml文件内容的方法
Mar 24 Javascript
九种原生js动画效果
Nov 11 Javascript
全面解析Bootstrap中transition、affix的使用方法
May 30 Javascript
jQuery日程管理插件fullcalendar使用详解
Jan 07 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
在Angular中使用JWT认证方法示例
Sep 10 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 Javascript
vue自定义指令之面板拖拽的实现
Apr 14 Javascript
开发Node CLI构建微信小程序脚手架的示例
Mar 27 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获取随机数字和字母的方法详解
2013/06/06 PHP
PHP连接Access数据库的方法小结
2013/06/20 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
JavaScript作用域链示例分享
2014/05/27 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
JS显示下拉列表框内全部元素的方法
2015/03/31 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
分享使用AngularJS创建应用的5个框架
2015/12/05 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
canvas学习之API整理笔记(二)
2016/12/29 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
使用JQ完成表格隔行换色的简单实例
2017/08/25 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
js实现简单选项卡功能
2020/03/23 Javascript
关于JS模块化的知识点分享
2019/10/16 Javascript
微信小程序页面渲染实现方法
2019/11/06 Javascript
零基础写python爬虫之urllib2中的两个重要概念:Openers和Handlers
2014/11/05 Python
python的mysqldb安装步骤详解
2017/08/14 Python
python与字符编码问题
2019/05/24 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
Python如何转换字符串大小写
2020/06/04 Python
Python常用类型转换实现代码实例
2020/07/28 Python
Python-split()函数实例用法讲解
2020/12/18 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
SIDESTEP荷兰:在线购买鞋子
2019/11/18 全球购物
New Balance比利时官方网站:购买鞋子和服装
2021/01/15 全球购物
如何高效率的查找一个月以内的数据
2012/04/15 面试题
求职信需要的五点内容
2014/02/01 职场文书
房屋出售授权委托书
2014/10/12 职场文书
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers