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 相关文章推荐
window.event快达到全浏览器支持了,以后使用就方便了
Nov 30 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
Aug 02 Javascript
解析Json字符串的三种方法日常常用
May 02 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
Vue实现穿梭框效果
Sep 30 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
2.PHP入门
2006/10/09 PHP
PHP 数组遍历顺序理解
2009/09/09 PHP
php基于websocket搭建简易聊天室实践
2016/10/24 PHP
jquery简单体验
2007/01/10 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
2019/05/09 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
基于Node.js搭建hexo博客过程详解
2019/06/25 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
使用Python脚本实现批量网站存活检测遇到问题及解决方法
2016/10/11 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
django如何自己创建一个中间件
2019/07/24 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
python 基于selectors库实现文件上传与下载
2020/12/31 Python
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
市场营销专业推荐信
2013/11/03 职场文书
担保书怎么写
2014/04/01 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
关于责任的演讲稿
2014/05/20 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
基于angular实现树形二级表格
2021/10/16 Javascript
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python