距离结束时间:
当前位置:首页 > 日记 > 正文

JS倒计时实例_天时分秒

JS倒计时实例_天时分秒

HTML代码:

<div id="times_wrap" class="time_num"> 距离结束时间: <div class="time_w">  <b id="times_d" class="time"> </b>天  <b id="times_h" class="time"> </b>时  <b id="times_m" class="time"> </b>分  <b id="times_s" class="time"> </b>秒 </div></div>

JavaScript代码:

<script type="text/javascript">setTimeout("show_time()",1000);var time_wrap = document.getElementByIdx_x("times_wrap");var time_d = document.getElementByIdx_x("times_d");var time_h = document.getElementByIdx_x("times_h");var time_m = document.getElementByIdx_x("times_m");var time_s = document.getElementByIdx_x("times_s");var time_end = new Date("2012/10/29 08:00:00"); // 设定结束时间time_end = time_end.getTime();function show_time(){ var time_now = new Date(); // 获取当前时间  time_now = time_now.getTime(); var time_distance = time_end - time_now; // 结束时间减去当前时间 var int_day, int_hour, int_minute, int_second; if(time_distance >= 0){  // 天时分秒换算  int_day = Math.floor(time_distance/86400000)  time_distance -= int_day * 86400000;  int_hour = Math.floor(time_distance/3600000)  time_distance -= int_hour * 3600000;  int_minute = Math.floor(time_distance/60000)  time_distance -= int_minute * 60000;  int_second = Math.floor(time_distance/1000)   // 时分秒为单数时、前面加零站位  if(int_hour < 10)  int_hour = "0" + int_hour;  if(int_minute < 10)  int_minute = "0" + int_minute;  if(int_second < 10)  int_second = "0" + int_second;    // 显示时间  time_d.innerHTML = int_day;  time_h.innerHTML = int_hour;  time_m.innerHTML = int_minute;  time_s.innerHTML = int_second;    setTimeout("show_time()",1000); }else{  time_d.innerHTML = time_d.innerHTML;  time_h.innerHTML = time_h.innerHTML;  time_m.innerHTML = time_m.innerHTML;  time_s.innerHTML = time_s.innerHTML;   // clearTimeout(timerID) }};</script>

以上这篇JS倒计时实例_天时分秒就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

Word中进行设置半透明的操作方法

Word中进行设置半透明的操作方法

设置,半透明,操作方法,操作步骤,电脑软件,  在我们使用word的时候经常会往里面插入一些图片,在word中,我们还可以将图片的背景颜色更改为半透明色,还可以做些其他的改动。今天,小编就教大家在Word中进行设置半透明的操作方法。Word中进行设置…

photoshop cs6怎么替换颜色 photos

photoshop cs6怎么替换颜色 photos

替换,教程,颜色,植物,电脑软件,如果发现自己的照片颜色不理想,想要替换颜色怎么办?其实我们可以使用ps任意替换颜色。那么,如何使用photoshop cs6替换颜色呢?下面小编就给大家介绍photoshop cs6给植物图片替换颜色的方法,一起去看看吧!方法/步骤:1…

js绑定事件和解绑事件

js绑定事件和解绑事件

事件,绑定事件,电脑软件,js,在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性attachEvent方法 只支持IE678,不兼容其他浏览器addEventListener方法 兼容火狐谷歌,不兼容IE8及以下addEvent…

ps怎么制作冲击波效果的?

ps怎么制作冲击波效果的?

冲击波,效果,电脑软件,ps,利用Photoshop制作冲击波效果其实主要应用了滤镜的各种功能,现在就把制作的步骤和截图分享给大家,希望对你有所帮助,本经验仅供参考使用。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:201…

excel制作数据汇总表的教程excel怎

excel制作数据汇总表的教程excel怎

数据,教程,汇总表,电脑软件,excel,  Excel中经常需要用到数据汇总的功能对数据进行汇总统计,数据汇总表可以帮助用户快速看清数据的数目,数据汇总表具体该如何制作呢?接下来是小编为大家带来的excel制作数据汇总表的教程,供大家参考。excel…

JS中IP地址与整数相互转换的实现代

JS中IP地址与整数相互转换的实现代

相互转换,地址,整数,代码,电脑软件,主要用于在js判断用户输入的一个ip段是否合法,如:192.168.1.11-192.168.1.134实现代码一:function ipToNumber(ip) { var num = 0; if(ip == "") { return num; } var aNum = ip.split(".…

怎么压缩ppt2010的x

怎么压缩ppt2010的x

压缩,电脑软件,  我们在使用ppt2010过程中,如果插入了很多图片,导致ppt整体文件很大,那么我们完全可以使用图片压缩功能,下面小编就教你如何压缩ppt2010中的图片。ppt2010压缩图片的步骤:  打开ppt2010后,新建幻灯片,并插入图片,如下图就是小编…

Excel滚动条消失了怎么办Excel找回

Excel滚动条消失了怎么办Excel找回

滚动条,方法,消失了,电脑软件,Excel,  在日常的工作中,经常要使用Excel文件交流处理数据,打开Excel文件,有时会看不到滚动条,这可能是朋友在制作Excel文件时做了一些&ldquo;手脚&rdquo;。要想在自己电脑上恢复滚动条,做一些设置就行了。下面小…

浅谈vue中数据双向绑定的实现原理

浅谈vue中数据双向绑定的实现原理

双向绑定,实现原理,数据,浅谈,电脑软件,vue中最常见的属v-model这个数据双向绑定了,很好奇它是如何实现的呢?尝试着用原生的JS去实现一下。首先大致学习了解下Object.defineProperty()这个东东吧!* Object.defineProperty() * 对对象的属…

excel表格rank函数如何使用

excel表格rank函数如何使用

函数,表格,如何使用,使用技巧,技巧,  Excel中经常需要使用到rank函数进行排序,rank函数具体该如何使用呢?下面是小编带来的关于excel中rank函数的使用技巧,希望看完本教程的朋友都能学会并运用起来。excel表格rank函数使用技巧rank函数使用…

word2013怎么设置页面背景颜色word

word2013怎么设置页面背景颜色word

设置,背景颜色,步骤,方法,页面,  相比于前面几个版本的word,word2013的页面背景设置不仅选项更多,而且做出来的效果也更好,不信,小编下面就演示给你看。word2013设置页面背景颜色的步骤1、用word2013打开一篇文档,并切换到&ldquo;设计&rdquo;…

Word中进行样式和格式设置的操作技

Word中进行样式和格式设置的操作技

设置,操作技巧,样式,格式,操作步骤,  Word样式和格式如何设置?在表格中起到美化格式的作用,具体该怎么去进行操作的呢?今天,小编就教大家在Word中进行样式和格式设置的操作技巧。Word中进行样式和格式设置的操作步骤1、首先,保证文档中有文…

软件日记