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 传统事件模型构造的事件监听器实现代码
May 31 Javascript
清空上传控件input file的值
Jul 03 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
Dec 13 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
AngularJS变量及过滤器Filter用法分析
Nov 22 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
Babel 入门教程学习笔记
Jun 13 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 24 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
自己动手做一个SQL解释器
2006/10/09 PHP
PHP setcookie() cannot modify header information 的解决方法
2009/01/09 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
用console.table()调试javascript
2014/09/04 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
iframe跨域通信封装详解
2015/08/11 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
js微信分享API
2020/10/11 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
2016/08/02 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
2018/07/25 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
python在命令行下使用google翻译(带语音)
2014/01/16 Python
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
python 统计代码行数简单实例
2017/05/04 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python队列原理及实现方法示例
2019/11/27 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
如何一键升级Python所有包
2020/11/05 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
澳洲CFL商城:CHEMIST FOR LESS(中文)
2021/02/28 全球购物
财务整改报告范文
2014/11/05 职场文书
亮剑观后感
2015/06/05 职场文书
Python打包exe时各种异常处理方案总结
2021/05/18 Python
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle