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 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
JavaScript中this的使用详解
Nov 08 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
Feb 23 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
Bootstrap进度条学习使用
Feb 09 Javascript
基于zepto.js实现登录界面
Oct 09 Javascript
Vue实现自定义下拉菜单功能
Jul 16 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
基于vue实现移动端圆形旋钮插件效果
Nov 28 Javascript
JavaScript中filter的用法实例分析
Feb 27 Javascript
JQuery的加载和选择器用法简单示例
May 13 jQuery
JAVA面试题 static关键字详解
Jul 16 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中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
如何在PHP中读写文件
2020/09/07 PHP
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
top.location.href 没有权限 解决方法
2008/08/05 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
2012/12/26 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
js获取域名的方法
2015/01/27 Javascript
Javascript代码实现仿实例化类
2015/04/03 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
vue引入jq插件的实例讲解
2017/09/12 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
浅谈webpack 四个核心概念之Entry
2019/06/12 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
Angular+ionic实现折叠展开效果的示例代码
2020/07/29 Javascript
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
即兴演讲稿
2014/01/04 职场文书
创建文明学校实施方案
2014/03/11 职场文书
食品流通安全承诺书
2014/05/22 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
教师党员自我评价范文
2015/03/04 职场文书
创业计划书之婴幼儿游泳馆
2019/09/11 职场文书
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python