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 相关文章推荐
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
Dec 15 Javascript
JavaScript检测原始值、引用值、属性
Jun 20 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
Feb 15 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
javascript中UMD规范的代码推演
Aug 29 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
详解JavaScript 为什么要有 Symbol 类型?
Apr 03 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
Jul 24 Javascript
如何用JavaScipt测网速
May 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
php开发过程中关于继承的使用方法分享
2011/06/17 PHP
使用PHP会话(Session)实现用户登陆功能
2013/06/29 PHP
表单填写时用回车代替TAB的实现方法
2007/10/09 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
2014/06/20 Javascript
让浏览器DOM元素最后加载的js方法
2014/07/29 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
2014/12/16 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
2017/01/05 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
vue实现未登录跳转到登录页面的方法
2018/07/17 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
在Python中操作列表之List.append()方法的使用
2015/05/20 Python
Python使用PIL库实现验证码图片的方法
2016/03/11 Python
python 时间戳与格式化时间的转化实现代码
2016/03/23 Python
Python实现选择排序
2017/06/04 Python
Python可变参数*args和**kwargs用法实例小结
2018/04/27 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
带你认识Django
2019/01/15 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
端口镜像是怎么实现的
2014/03/25 面试题
绝对经典成功的大学生推荐信
2013/11/08 职场文书
学术会议欢迎词
2014/01/09 职场文书
《可爱的动物》教学反思
2014/02/22 职场文书
财务会计大学生自我评价
2014/04/09 职场文书
公司领导班子民主生活会对照检查材料
2014/10/02 职场文书
秦兵马俑导游词
2015/02/02 职场文书
单位政审意见范文
2015/06/04 职场文书
小学科学课教学反思
2016/02/23 职场文书
教育教学工作反思
2016/02/24 职场文书
PHP中strval()函数实例用法
2021/06/07 PHP