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>

时间: 2024-11-08 05:09:27

JS倒计时——天时分秒的相关文章

js倒计时天时分秒[转]

<script language="JavaScript"> <!-- // function getQueryString(name) { var reg =new RegExp("(^|&)"+ name +"=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r !=null

活动倒计时-天时分秒(兼容ios,定时器的使用以及其注意事项)

倒计时代码(兼容ios) beforeDestroy(){ //页面销毁前清除定时器 clearInterval(this.countTimes) } methods:{ timer(){ let u = navigator.userAgent; if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){ //ios端 let iosPreTime=this.predate.split(/[- :]/) //ios端与安卓端时间格式不同,需做兼容处理 let

js简单时分秒倒计时

最近做浏览器界面倒计时,用js就实现,两种方式: 一:设置时长,进行倒计时.比如考试时间等等 代码如下: 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>简单时长倒计时</title> 5 <SCRIPT type="text/javascript"> 6 var maxtime = 60 * 60; //一个小时,按秒计算,自己调整! 7

JS倒计时两种种实现方式 很不错

最近做浏览器界面倒计时,用js就实现,两种方式: 一:设置时长,进行倒计时.比如考试时间等等 代码如下: <html> <head> <meta charset="UTF-8"> <title>简单时长倒计时</title> <SCRIPT type="text/javascript"> var maxtime = 60 * 60; //一个小时,按秒计算,自己调整! function Coun

js倒计时(可定义截止日期)

1 <div id="times_wrap" class="time_num"> 2 距离结束时间: 3 <div class="time_w"> 4 <b id="times_d" class="time"> </b>天 5 <b id="times_h" class="time"> </b>时

js倒计时关闭当前页面代码

js倒计时关闭当前页面代码:很多网站在关闭网页之前会给出一个倒计时效果,这样可以让浏览者做到根据相应的情况进行操作,比较人性化,下面就通过实例代码介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=&quo

js倒计时函数和(js禁用和恢复a标签的操作)

<script type="text/javascript"> /*获取手机号*/ var start_time=60; function get_phone_nums(){ var get_cus_phone=$('.get_cus_phone').val();//得到消费者填写的的手机号 var reg = new RegExp("^13[0-9]{9}$|14[0-9]{9}|15[0-9]{9}$|18[0-9]{9}|17[0-9]{9}$")

js 倒计时(可自定义时间)

原文 链接 http://www.cnblogs.com/liygheart/p/3605160.html <html> <head> <title>js 倒计时</title> </head> <body> <div> <h4>距离<input type="text" id="inputdate" value="2014-4-5"/> &

JS倒计时网页自动跳转代码

<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay > 0) { delay--; document.getElem