paprika1204 2022-04-29 14:39 采纳率: 66.7%
浏览 28
已结题

求快看看为什么倒计时无法显示 哪里有问题...


<!DOCTYPE html>
<html style="font-size: 85.3333px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Cache-Control" content="no-transform">
<meta name="applicable-device" content="mobile">
<meta http-equiv="Cache-Control" content="no-siteapp">
<title>2022年上半年四六级考试倒计时</title>

<style>
*{margin:0 auto}
.timebox2{width:740px;background-color:#FCF3E2;padding: 1rem 0;background: url(images/ks_bcg2.png) center center no-repeat;background-size: 100% 100%;}
.timebox2 div,timebox2 span,timebox2 div span{color: #333 !important;}
.timebox2 .timecounter span{color: #333 !important;}
.timetext{width: 100%;text-align: center;}
.timetexttitle{font-size:0.3rem;margin-bottom: 10px;color: #fff;}
.timetextintro{font-size: 0.22rem;margin-bottom: 10px;color: #fff;padding: 0 1.52rem;box-sizing: border-box;}
.timecounter{font-size: 0.6rem;}
.txt{padding: 0 0.2rem;box-sizing:border-box;}
.clearbg5{display: block;clear: both;width: 100%;height: 0.16rem;overflow: hidden;background-color: #eee;}
.txt p{line-height: 30px;margin-top: 0.2rem;}
.txt p img{width: 100%;}
.timecounter span{color: #fff;}
</style>

<body>

<div class="timebox2">
    <div class="timetext">
        <div class="timetexttitle">2022年上半年四六级考试倒计时</div>
        <div class="timetextintro">2022年上半年四六级考试时间：2022年6月11日</div>
        <div class="timetextintro">目前距离2022年上半年四六级考试还有</div>
        <div class="timecounter">
            <span id="t_d">？天</span>
            <span id="t_h">？时</span>
            <span id="t_m">？分</span>
            <span id="t_s">？秒</span>
        </div>
    </div>
</div>

<script type="text/javascript">
function getRTime() {
    var d=new Date();
    var dd=new Date(2022,6,11);
    var diff=dd-d;
    var day=diff/(1000*60*60*24);
    var hour=diff%(60*60);
    var minutes=(diff/60)%(60);
    var seconds=diff%60;

    day=parseInt(day);
    hour=parseInt(hour);
    minutes=parseInt(minutes);
    seconds=parseInt(seconds);

    document.getElementById("t_d").innerHTML=day;
    document.getElementById("t_h").innerHTML=hour;
    document.getElementById("t_m").innerHTML=minutes;
    document.getElementById("t_s").innerHTML=seconds;
    setTimeout("getRTime()",1000);

}

</script>

</body>
</html>
  • 写回答

2条回答 默认 最新

  • 黑白码农 2022-04-29 14:49
    关注
    
<!DOCTYPE html>
<html style="font-size: 85.3333px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="applicable-device" content="mobile">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>2022年上半年四六级考试倒计时</title>

    <style>
        *{margin:0 auto}
        .timebox2{width:740px;background-color:#FCF3E2;padding: 1rem 0;background: url(images/ks_bcg2.png) center center no-repeat;background-size: 100% 100%;}
        .timebox2 div,timebox2 span,timebox2 div span{color: #333 !important;}
        .timebox2 .timecounter span{color: #333 !important;}
        .timetext{width: 100%;text-align: center;}
        .timetexttitle{font-size:0.3rem;margin-bottom: 10px;color: #fff;}
        .timetextintro{font-size: 0.22rem;margin-bottom: 10px;color: #fff;padding: 0 1.52rem;box-sizing: border-box;}
        .timecounter{font-size: 0.6rem;}
        .txt{padding: 0 0.2rem;box-sizing:border-box;}
        .clearbg5{display: block;clear: both;width: 100%;height: 0.16rem;overflow: hidden;background-color: #eee;}
        .txt p{line-height: 30px;margin-top: 0.2rem;}
        .txt p img{width: 100%;}
        .timecounter span{color: #fff;}
    </style>

<body>

<div class="timebox2">
    <div class="timetext">
        <div class="timetexttitle">2022年上半年四六级考试倒计时</div>
        <div class="timetextintro">2022年上半年四六级考试时间：2022年6月11日</div>
        <div class="timetextintro">目前距离2022年上半年四六级考试还有</div>
        <div class="timecounter">
            <span id="t_d">？天</span>
            <span id="t_h">？时</span>
            <span id="t_m">？分</span>
            <span id="t_s">？秒</span>
        </div>
    </div>
</div>

<script type="text/javascript">
    window.onload = function () {
        getRTime();

    }
    function getRTime() {
        var d=new Date();
        var dd=new Date(2022,6,11);
        var diff=dd-d;
        var day=diff/(1000*60*60*24);
        var hour=diff%(60*60);
        var minutes=(diff/60)%(60);
        var seconds=diff%60;

        day=parseInt(day);
        hour=parseInt(hour);
        minutes=parseInt(minutes);
        seconds=parseInt(seconds);

        document.getElementById("t_d").innerHTML=day;
        document.getElementById("t_h").innerHTML=hour;
        document.getElementById("t_m").innerHTML=minutes;
        document.getElementById("t_s").innerHTML=seconds;
        setTimeout("getRTime()",1000);

    }
</script>

</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 5月7日
  • 已采纳回答 4月29日
  • 创建了问题 4月29日

悬赏问题

  • ¥30 VMware 云桌面水印如何添加
  • ¥15 用ns3仿真出5G核心网网元
  • ¥15 matlab答疑 关于海上风电的爬坡事件检测
  • ¥88 python部署量化回测异常问题
  • ¥30 酬劳2w元求合作写文章
  • ¥15 在现有系统基础上增加功能
  • ¥15 远程桌面文档内容复制粘贴，格式会变化
  • ¥15 这种微信登录授权 谁可以做啊
  • ¥15 请问我该如何添加自己的数据去运行蚁群算法代码
  • ¥20 用HslCommunication 连接欧姆龙 plc有时会连接失败。报异常为“未知错误”