Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 1089|回复: 0

如何用javascript获取服务器时间做倒计时

[复制链接]

该用户从未签到

发表于 2011-10-13 17:24:29 | 显示全部楼层 |阅读模式
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<script type="text/javascript">
    get=function (id){return document.getElementById(id)}
    if(document.all){
        window.XMLHttpRequest=function(){
            var get=['Microsoft.XMLHTTP','Msxml2.XMLHTTP'];
            for(var i=0;i<get.length;i++){try{return new ActiveXObject(get)}catch(e){}};
        };
    }
    webDate=function(fn){
        var Htime=new XMLHttpRequest();
        Htime.onreadystatechange=function(){Htime.readyState==4&&(fn(new Date(Htime.getResponseHeader('Date'))))};
        Htime.open('HEAD', '/?_='+(-new Date));
        Htime.send(null);
    }
    window.time=new Date();
    targetTime=new Date();
    time2String=function (t){
            with(t)return [getFullYear(),'年'
                ,('0'+(getMonth()+1)).slice(-2),'月'
                ,('0'+getDate()).slice(-2),'日 '
                ,('0'+getHours()).slice(-2),': '
                ,('0'+getMinutes()).slice(-2),': '
                ,('0'+getSeconds()).slice(-2)].join('')
    }
    int2time=function (m){
        m-=(D=parseInt(m/86400000))*86400000;
        m-=(H=parseInt(m/3600000))*3600000;
        S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);
        return D+'天'+H+'小时'+M+'分'+S+'秒'
    }
    setInterval(function (){
        webDate(function (webTime){
            get('web').innerHTML=time2String(time=webTime);
        })
        get('locale').innerHTML=time2String(new Date);
        get('time').innerHTML=int2time(targetTime-time);
        if ((targetTime-time)<0) {
            get('time').innerHTML = 'Game Over';
        }
    },1000)
</script>   
</head>
<body>
设定时间:2012年12月31日0时0分0秒<br>
服务器时间:<span id='web'>loading...</span><br>
本地时间:<span id="locale">loading...</span><br>
倒计时时间:<span id="time">loading...</span>
<script type="text/javascript" charset="utf-8">
    targetTime=new Date(2012,12,31,00,00,00);
</script>
</body>
</html>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-8 13:03 , Processed in 0.397985 second(s), 48 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表