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 XMLHttpRequest对象全面剖析
Apr 24 Javascript
JavaScript中的细节分析
Jun 30 Javascript
JS字符串处理实例代码
Aug 05 Javascript
Javascript 数组排序详解
Oct 22 Javascript
Bootstrap下拉菜单效果实例代码分享
Jun 30 Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
Aug 17 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
在layui tab控件中载入外部html页面的方法
Sep 04 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 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微信公众平台开发类实例
2015/04/01 PHP
PHP获取访问页面HTTP状态码的实现代码
2016/11/03 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
web前端开发也需要日志
2010/12/09 Javascript
函数式 JavaScript(一)简介
2014/07/07 Javascript
JS+DIV实现鼠标划过切换层效果的方法
2015/05/25 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
2017/06/04 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
2018/07/26 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
2018/09/18 Javascript
Servlet返回的数据js解析2种方法
2019/12/12 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
2020/12/30 Vue.js
Python3.X 线程中信号量的使用方法示例
2017/07/24 Python
python生成圆形图片的方法
2020/03/25 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
Python 实现一个计时器
2020/07/28 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
介绍一下linux文件系统分配策略
2012/11/17 面试题
高中生学习的自我评价
2013/12/14 职场文书
小区推广策划方案
2014/06/06 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
vue 实现上传组件
2021/05/31 Vue.js