zoukankan html css js c++ java

时间倒计时

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>简单易用的倒计时js代码</title>
    <style>
        *{ margin:0; padding:0; list-style:none;}
        body{ font-size:18px; text-align:center;}
        .time{ height:30px; padding:200px;}
    </style>
</head>
<body>
<div class="time">
    <span id="t_d">00天</span>
    <span id="t_h">00时</span>
    <span id="t_m">00分</span>
    <span id="t_s">00秒</span>
</div>
<script>
    function GetRTime(){
        var EndTime= new Date('2015/07/14 00:00:00');
        var NowTime = new Date();
        var t =EndTime.getTime() - NowTime.getTime();
       
        var d=0;
        var h=0;
        var m=0;
        var s=0;
        if(t>=0){
            d=Math.floor(t/1000/60/60/24);
            h=Math.floor(t/1000/60/60%24);
            m=Math.floor(t/1000/60%60);
            s=Math.floor(t/1000%60);
        }


        document.getElementById("t_d").innerHTML = d + "天";
        document.getElementById("t_h").innerHTML = h + "时";
        document.getElementById("t_m").innerHTML = m + "分";
        document.getElementById("t_s").innerHTML = s + "秒";
    }
    setInterval(GetRTime,0);
</script>

</body>
</html>

从服务器请求到两个时间戳，倒计时

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>从服务器 请求到两个时间戳，倒计时</title>
    <style>
        *{ margin:0; padding:0; list-style:none;}
        body{ font-size:18px; text-align:center;}
        .time{ height:30px; padding:200px;}
        .time span{ display:block; float:left; width:100px;}
    </style>
</head>
<body>
<div class="time">
    <span id="t_d">00天</span>
    <span id="t_h">00时</span>
    <span id="t_m">00分</span>
    <span id="t_s">00秒</span>
    <div id="oD"></div>
</div>
<script>
    var on="1436112000";//开始时间
    var tw="1449849600";  //结束时间
    var EndTime= new Date(on*1000);
    var NowTime = new Date(tw*1000);
    var t =NowTime.getTime()-EndTime.getTime();
    function GetRTime(){
        t-=1000;
        var d=0;
        var h=0;
        var m=checkTime(m);
        var s=checkTime(s);
        if(t>=0){
            d=Math.floor(t/1000/60/60/24);
            h=Math.floor(t/1000/60/60%24);
            m=Math.floor(t/1000/60%60);
            s=Math.floor(t/1000%60);
        }
        document.getElementById("t_d").innerHTML = d + "天";
        document.getElementById("t_h").innerHTML = h + "时";
        document.getElementById("t_m").innerHTML = m + "分";
        document.getElementById("t_s").innerHTML = s + "秒";
    }
    setInterval(GetRTime,1000);
    GetRTime()


    function checkTime(i ) {
        if(i<10){
            i="0"+i;
          
        }
 return i 
    }
</script>

</body>
</html>

如果是一个 JS NEW 的时间，要显示当前的时间。

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

查看全文

相关阅读:
决策树理解
 堆排序
 glove理解
 PHP图片水印类
 宝塔nginx安装rtmp模块实现推拉流
 nginx安装配置
 结构体，位域，共用体
 指针
 升级mac Catalina版本后无操作权限
 脚本连接linux服务器

原文地址：https://www.cnblogs.com/yjhua/p/4642768.html