JS倒计时,距离某一日期还有多少时间

JS计算从现在到某个时刻还有多少时间,显示当前日期时间距离x年x月x日还有x天x小时x分钟x秒,如果给定时间比当前时间更早,则显示为距离2012-9-30已过去1天22小时26分30秒的格式,如果给定时间比当前时间晚则显示为距离2012-10-3还有1天1小时32分20秒的格式.
函数调用方式举例:
count_down(‘2012-10-2‘);//只给日期
count_down(‘2012-10-2 3:22‘);//给出日期和时分
count_down(‘2012-10-2 3:22:33‘);给出日期和时分秒
注意事项:不要删除<span id="show">Loading...</span>
日期必须以4位年月开头,严格按照上述例子书写
形如2012-30-50 25:88:99,年月日时分秒只要有一个是错误的,程序都将无法正常运行.

<span id="show">Loading...</span>
<script type="text/javascript">
function count_down(o){
        var datatime=/^[\d]{4}-[\d]{1,2}-[\d]{1,2}( [\d]{1,2}:[\d]{1,2}(:[\d]{1,2})?)?$/ig,str=‘‘,conn,s;
        if(!o.match(datatime)){
                alert(‘参数格式为2020-01-01[ 01:01[:01]].\r其中[]内的内容可省略‘);
                return false;
        }
        var sec=(new Date(o.replace(/-/ig,‘/‘)).getTime() - new Date().getTime())/1000;
        if(sec > 0){
                conn=‘还有‘;
        }else{
                conn=‘已过去‘;
                sec*=-1;
        }
        s={‘天‘:sec/24/3600,‘小时‘:sec/3600%24,‘分‘:sec/60%60,‘秒‘:sec%60};
        for(i in s){
                if(Math.floor(s[i])>0 ) str += Math.floor(s[i]) + i;
        }
        if(Math.floor(sec)==0){ str=‘0秒‘; }
        document.getElementById(‘show‘).innerHTML = ‘距离<u>‘ + o + ‘</u>‘ + conn +‘<u>‘ + str + ‘</u>‘;
        setTimeout(function(){count_down(o)},1000);
}
count_down(‘2012-1-1 00:00:00‘);
</script>
时间: 2024-11-05 18:32:28

JS倒计时,距离某一日期还有多少时间的相关文章

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倒计时关闭当前页面代码

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

js时间戳怎么转成日期格式

原文地址:http://www.sufeinet.com/thread-1500-1-1.html js时间戳怎么转成日期格式这个在主群里有朋友§☆釺哖蟲...o问js时间戳怎么转成日期格式 ,他的问题是这样的/Date(1354116249000)/ 这样的格式怎么转成时间格式这是从C#的Datatime格式通过Json传到Js里面的,下面是我们的提供的方法js需要把时间戳转为为普通格式,一般的情况下可能用不到的,下面先来看第一种吧 <script> function getLocalTim

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倒计时防页面刷新

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

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从时间戳中获取日期

1,从时间戳中解析出年月日时分秒: time为时间戳: var timestr = new Date(parseInt(time) * 1000); var year = timestr.getFullYear(); var month = timestr.getMonth()+1; var date = timestr.getDate(); var hour = timestr.getHours(); var minute = timestr.getMinutes(); var second