网页设计大赛之考研倒计时

用jsp中用javascript实现

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
<div class="fly-panel-title">考研倒计时</div>
                    <div class="fly-panel-main">
                        <p class="fly-zanzhu" style="background-color: #5FB878;">
                            <span id="t_d">00天</span> <span id="t_h">00时</span> <span
                                id="t_m">00分</span> <span id="t_s">00秒</span>
                        </p>
                    </div>
                    <script>
function GetRTime(){
     var EndTime= new Date('2019/12/22 00:00:00');
       var NowTime = new Date();
       var t =EndTime.getTime() - NowTime.getTime();
       var d=Math.floor(t/1000/60/60/24);
       var h=Math.floor(t/1000/60/60%24);
       var m=Math.floor(t/1000/60%60);
       var 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>

运行截图：

仅功能显示，未进行界面修改

 

 

posted @ 2019-12-09 10:40  锦瑟流年3344  阅读(440)  评论(0)  编辑  收藏  举报