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 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
javascript学习(二)javascript常见问题总结
Jan 02 Javascript
jquery中的过滤操作详细解析
Dec 02 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
jquery插件推荐浏览器嗅探userAgent
Nov 09 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
angularJS自定义directive之带参方法传递详解
Oct 09 Javascript
javascript实现前端input密码输入强度验证
Jun 24 Javascript
JS运算符优先级与表达式示例详解
Sep 04 Javascript
详解JavaScript数据类型和判断方法
Sep 04 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
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
js window.open弹出新的网页窗口
2014/01/16 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
Vue Prop属性功能与用法实例详解
2019/02/23 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
2019/11/15 Javascript
videocapture库制作python视频高速传输程序
2013/12/23 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
Python语言检测模块langid和langdetect的使用实例
2019/02/19 Python
centos7之Python3.74安装教程
2019/08/15 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
python修改微信和支付宝步数的示例代码
2020/10/12 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
中学生个人自我评价
2014/02/06 职场文书
《小猫刮胡子》教学反思
2014/02/21 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
护理见习报告范文
2014/11/03 职场文书
2015年读书月活动总结
2015/03/26 职场文书
公司门卫岗位职责
2015/04/13 职场文书
大学生村官入党自传
2015/06/26 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS