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 相关文章推荐
jquery之Document元素选择器篇
Aug 14 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
使用GruntJS构建Web程序之安装篇
Jun 04 Javascript
轻松5句话解决JavaScript的作用域
Jul 15 Javascript
jQuery用noConflict代替$的实现方法
Apr 12 jQuery
基于vue2框架的机器人自动回复mini-project实例代码
Jun 13 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
发布一款npm包帮助理解npm的使用
Jan 03 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
微信小程序页面间跳转传参方式总结
Jun 13 Javascript
javascript实现简易聊天室
Jul 12 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
一个简洁的多级别论坛
2006/10/09 PHP
php下使用以下代码连接并测试
2008/04/09 PHP
php安装swoole扩展的方法
2015/03/19 PHP
php检测图片主要颜色的方法
2015/07/01 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
php简单截取字符串代码示例
2016/10/19 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
php根据用户名和手机号查询是否存在手机号码
2017/02/16 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
PHP实现多图上传和单图上传功能
2018/05/17 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
js 日期比较相关天数代码
2014/04/02 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
IntersectionObserver API 详解篇
2016/12/11 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
angular实现表单验证及提交功能
2017/02/01 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
2018/07/24 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
德国baby-markt婴儿用品瑞士网站:baby-markt.ch
2017/06/09 全球购物
节约用电标语
2014/06/17 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
工作试用期自我评价
2015/03/10 职场文书
纪检部部长竞选稿
2015/11/21 职场文书
七年级作文(600字3篇)
2019/09/24 职场文书
vscode内网访问服务器的方法
2022/06/28 Servers