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 相关文章推荐
利用WebBrowser彻底解决Web打印问题(包括后台打印)
Jun 22 Javascript
Extjs单独定义各组件的实例代码
Jun 25 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
使用firebug进行调试javascript的示例
Dec 16 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
Oct 28 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
javaScript中的原型解析【推荐】
May 05 Javascript
js中class的点击事件没有效果的解决方法
Oct 13 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
json属性名为什么要双引号(个人猜测)
2014/07/31 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
jQuery实现列表内容的动态载入特效
2015/08/08 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
jquery实现放大镜简洁代码(推荐)
2017/06/08 jQuery
微信小程序下拉刷新界面的实现
2017/09/28 Javascript
element ui table 增加筛选的方法示例
2018/11/02 Javascript
js实现简易计算器功能
2019/10/18 Javascript
[02:04]2020年夜魇暗潮预告片
2020/10/30 DOTA
python封装对象实现时间效果
2020/04/23 Python
理解Python中的With语句
2015/02/02 Python
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
Python的Scrapy爬虫框架简单学习笔记
2016/01/20 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
python 制作自定义包并安装到系统目录的方法
2018/10/27 Python
python3实现高效的端口扫描
2019/08/31 Python
django框架创建应用操作示例
2019/09/26 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
一个J2EE项目团队的主要人员组成是什么
2012/06/04 面试题
军训感想500字
2014/02/20 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
爱牙日活动总结
2014/08/29 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
2016中学教师读书心得体会
2016/01/13 职场文书
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers
Redis基本数据类型List常用操作命令
2022/06/01 Redis
Spring boot实现上传文件到本地服务器
2022/08/14 Java/Android