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>时
6         <b id="times_m" class="time"> </b>分
7         <b id="times_s" class="time"> </b>秒
8     </div>
9 </div>
 1 var time_wrap = document.getElementById("times_wrap");
 2     var time_d = document.getElementById("times_d");
 3     var time_h = document.getElementById("times_h");
 4     var time_m = document.getElementById("times_m");
 5     var time_s = document.getElementById("times_s");
 6
 7     var time_end = new Date("2015/9/30 18:00:00");  // 设定结束时间
 8     time_end = time_end.getTime();
 9
10     function show_time(){
11         var time_now = new Date();  // 获取当前时间
12         time_now = time_now.getTime();
13         var time_distance = time_end - time_now;  // 结束时间减去当前时间
14         var int_day, int_hour, int_minute, int_second;
15         if(time_distance >= 0){
16             // 天时分秒换算
17             int_day = Math.floor(time_distance/86400000)
18             time_distance -= int_day * 86400000;
19             int_hour = Math.floor(time_distance/3600000)
20             time_distance -= int_hour * 3600000;
21             int_minute = Math.floor(time_distance/60000)
22             time_distance -= int_minute * 60000;
23             int_second = Math.floor(time_distance/1000)
24
25             // 时分秒为单数时、前面加零站位
26             if(int_hour < 10)
27                 int_hour = "0" + int_hour;
28             if(int_minute < 10)
29                 int_minute = "0" + int_minute;
30             if(int_second < 10)
31                 int_second = "0" + int_second;
32
33             // 显示时间
34             time_d.innerHTML = int_day;
35             time_h.innerHTML = int_hour;
36             time_m.innerHTML = int_minute;
37             time_s.innerHTML = int_second;
38         }else{
39             time_d.innerHTML = time_d.innerHTML;
40             time_h.innerHTML = time_h.innerHTML;
41             time_m.innerHTML = time_m.innerHTML;
42             time_s.innerHTML = time_s.innerHTML;
43         }
44     };
45     window.setInterval(function(){
46         show_time();
47     }, 1000);
时间: 2024-10-12 17:14:49

js倒计时(可定义截止日期)的相关文章

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

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

js实现自己定义鼠标右键-------Day45

又是周末了,只是事实上这在国外应该算是一周的開始吧,无论怎么说,今天是在歇息,放松我紧绷的神经,放松我有些疲惫的精神,昨晚上要裂了般的头疼,仿佛全部的数据都在脑子字面飞舞旋转,伴着一阵阵的恶心,当时把媳妇儿给吓坏了,实在不知道科比是每天怎么看到那凌晨四点钟的太阳的,这体质没法说了,而有一点却是不得不说,这身体真的才是一切的根本,友情建议各位朋友还是好好锻炼身体,我也要好好锻炼身体. 回想这一周,项目组长的一句话给我非常大的触动,原话我记不得怎么说了,大抵意思是说:不论你会多少,你终究要用上了才是

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

Js倒计时程序

Js倒计时程序 点击下载

js倒计时功能

<input id="countdown" type="text" value="140时50分20秒"> <script> var oCountdown = document.getElementById("countdown"), nowStamps = Date.now() - 100, // 服务器当前时间 endStamps = Date.now() + 50000 - 100, // 活动结

js两种定义函数、继承方式及区别

一:js两种定义函数的方式及区别 1:函数声明: function sayA() { alert("i am A"); } 2:函数表达式: var sayB = function() { alert("i am B"); } 区别:code 前者会在代码执行之前提前加载到作用域中,后者则是在代码执行到那一行的时候才会有定义 二:js两种继承方式及区别 对象冒充 临时属性 call() apply() 原型链 code 继承应选哪种 code 三:实例 js两种定义

JS倒计时跳转页面

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似. 页面代码简单,直接拷贝就能运行,页面可以自己美化下. 1 <!--这里定义倒计时开始数值--> 2 3 <span id="totalSecond">5</span> 4 5 <!--定义js变量及方法--> 6 7 <script language="javascript" type="text/javascri