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

时间：2019-12-09 11:46:56 阅读：169 评论：0 收藏：0 [点我收藏+]

用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>

运行截图：

仅功能显示，未进行界面修改技术分享图片

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

原文：https://www.cnblogs.com/jinseliunian/p/12009640.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)