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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
Jquery之美中不足小结
Feb 16 Javascript
js函数调用常用方法详解
Dec 03 Javascript
将中国标准时间转换成标准格式的代码
Mar 20 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
JS实现的仿QQ空间图片弹出效果代码
Feb 23 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
May 15 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
如何基于js判断浏览器版本
Feb 20 Javascript
JS异步宏队列微队列原理详解
Sep 09 Javascript
vue-cli4.0多环境配置变量与模式详解
Dec 30 Vue.js
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正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
YII框架行为behaviors用法示例
2019/04/26 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
Javascript学习笔记7 原型链的原理
2010/01/11 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
解决vue项目本地启动时无法携带cookie的问题
2021/02/06 Vue.js
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
Python之PyUnit单元测试实例
2014/10/11 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
django使用html模板减少代码代码解析
2017/12/12 Python
python编写计算器功能
2019/10/25 Python
容易被忽略的Python内置类型
2020/09/03 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
canvas生成带二维码海报的踩坑记录
2019/09/11 HTML / CSS
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
思想政治表现评语
2015/01/04 职场文书
Python 实现定积分与二重定积分的操作
2021/05/26 Python
MYSQL 运算符总结
2021/11/11 MySQL