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 学习笔记(六)
Dec 31 Javascript
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
深入理解javascript构造函数和原型对象
Sep 23 Javascript
JavaScript设计模式之外观模式实例
Oct 10 Javascript
使用js画图之饼图
Jan 12 Javascript
javascript中call和apply的用法示例分析
Apr 02 Javascript
jquery自定义表格样式
Nov 23 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
vuex 的简单使用
Mar 22 Javascript
创建与框架无关的JavaScript插件
Dec 01 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
咖啡知识 咖啡养豆要养多久 排气又是什么
2021/03/06 新手入门
php内存缓存实现方法
2015/01/24 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
redis+php实现微博(一)注册与登录功能详解
2019/09/23 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
使用闭包对setTimeout进行简单封装避免出错
2013/07/10 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
2015/12/18 Javascript
JS实现类似51job上的地区选择效果示例
2016/11/17 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
详解vue.js下引入百度地图jsApi的两种方法
2018/07/27 Javascript
JS面试题中深拷贝的实现讲解
2020/05/07 Javascript
多个Vue项目部署到服务器的步骤记录
2020/10/22 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
实用自动化运维Python脚本分享
2018/06/04 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
HTML5实现签到 功能
2018/10/09 HTML / CSS
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
美国孕妇装品牌:Destination Maternity
2018/02/04 全球购物
GWT的应用有哪两种部署模式
2012/12/21 面试题
几个MySql的面试题
2013/04/22 面试题
自动化专业毕业生自荐信
2013/11/01 职场文书
生产部主管岗位职责
2014/01/06 职场文书
协议书怎么写
2014/04/21 职场文书
nginx rewrite功能使用场景分析
2022/05/30 Servers