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 相关文章推荐
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
jquery复选框checkbox实现删除前判断
Apr 20 Javascript
JavaScript实现找出字符串中第一个不重复的字符
Sep 03 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
60行js代码实现俄罗斯方块
Mar 31 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
Jun 12 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
js如何获取访问IP、地区、当前操作浏览器
Jul 23 Javascript
JavaScript使用canvas绘制坐标和线
Apr 28 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的栏目导航程序
2006/10/09 PHP
PHP脚本数据库功能详解(下)
2006/10/09 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
PHP 安全检测代码片段(分享)
2013/07/05 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
PHP获取文件行数的方法
2015/06/10 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
PHP加密3DES报错 Call to undefined function: mcrypt_module_open() 如何解决
2016/04/17 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
浅谈$_FILES数组为空的原因
2017/02/16 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
详解处理Vue单页面应用SEO的另一种思路
2018/11/09 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
vue实现前台列表数据过滤搜索、分页效果
2019/05/28 Javascript
jquery轻量级数字动画插件countUp.js使用详解
2019/10/17 jQuery
微信小程序视频弹幕发送功能的实现
2020/12/28 Javascript
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
详解Python迭代和迭代器
2016/03/28 Python
Python实现的简单线性回归算法实例分析
2018/12/26 Python
Python小游戏之300行代码实现俄罗斯方块
2019/01/04 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
解决python replace函数替换无效问题
2020/01/18 Python
tensorflow多维张量计算实例
2020/02/11 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
教师自我反思材料
2014/02/14 职场文书
中学清明节活动总结
2014/07/04 职场文书
2014年国庆节庆祝建国65周年比赛演讲稿
2014/09/21 职场文书
2015年店长个人工作总结
2015/10/23 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis