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


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

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

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>