每当时钟在12 AM或12 PM时刷新网页的程序

Question

我已经使用javaScript创建了一个基于Web的时钟。 它以12小时格式输出时间，每当时钟在12 AM或12 PM滴答时，都需要按F5刷新。

因此，我需要一个程序，只要时钟在12 AM或PM滴答时自动刷新网页。

我正在检查我的JS时钟，输出是

      Output: 11: 59 : 00 PM Sunday // 23 : 59 : 00

几分钟后，我再次检查

      Output 12 :  01 : 00 PM Sunday // 0 :  01 : 00

我必须刷新网页才能看到要自动刷新程序的更改

这是我的代码

    <body onload="autoref()">

    <script>

    function autoref(){
    var now = new Date();
    var h = now.getHours();
    var m = now.getMinutes();
    var s = now.getSeconds();

    if(h==0 && s==0){
    location.reload();
    }else if(h==12 && s==0){
    location.reload();
    }

    var trig = setTimeout(autoref,500);
    }

    </script>

    </body>

有任何想法吗！？

谢谢

Answer 1

没有看到您的任何代码，这是我能提供的最好的。

var amPm = undefined

function drawDisplay () {
    // code that draws your display
}

setInterval(()=>{
    var hour = (new Date()).getHours()
    if (hour === 0 && amPm !== 'am') {
        amPm = 'am'
        drawDisplay ()
    }
    if (hour === 12 && amPm !== 'pm') {
        amPm = 'pm'
        drawDisplay ()
    }
},1000)

其他方式

 // code that draws your display function drawDisplay() { var seconds = -1 return ()=>{ var date = new Date() if (date.getSeconds() > seconds || (date.getSeconds() === 0 && seconds === 59)) { seconds = date.getSeconds() console.log(date.toLocaleString()) } } } setInterval(drawDisplay(),250)

Answer 2

正如您提到的“无论何时”，我认为它必须每天都在发生，并添加了代码来检查页面是否刷新，以避免连续刷新。
这是代码：
请记住接受答案，如果答案使您满意，请单击“上选”按钮，否则在问题中提供更多信息（例如，您做了什么然后又得到什么），以便此处的成员可以给出正确的答案。

也不要因为经验丰富的评论而灰心。

<span id='spn'>
</span>
<script
    src='https://code.jquery.com/jquery-3.3.1.min.js'
    integrity='sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8='
    crossorigin='anonymous'></script>

<script>
//variable to check whether the page was refreshed or the page will keep on refreshing every second.
var vrefreshed=localStorage.getItem('refreshed');
if (typeof vrefreshed === 'undefined')
    vrefreshed = 0;

function time() {
    var d = new Date();
    var h = d.getHours();
    var m = d.getMinutes();
    var s = d.getSeconds();
    if(vrefreshed==0 && ((h==23 && m==59 && s==59) || (h==11 && m==59 && s==59))){
        localStorage.setItem('refreshed', 1);
        vrefreshed=1;
        $('#spn').text('page is refreshed.');
        location.reload();
    }else{
        if(vrefreshed==1 && ((h==23 && m==59 && s==59) || (h==11 && m==59 && s==59))){
            // do nothing
        }else{
            localStorage.setItem('refreshed', 0);
            vrefreshed=0;
            $('#spn').text('page will be refreshed at 12 or 24.');
        }
    }
}
//call time() function every 1000 milliseconds i.e. every second.
setInterval(time, 1000);
</script>

Answer 3

我已经回答了我自己，抱歉打扰你们，这是我的代码

<body onload="refresh()">

    <h1>
    Hello, Dcoder
    </h1>

    <div class="dcoder">

    </div>

 <script>


 function refresh(){
    var now = new Date();
    var h = now.getHours();
    var m = now.getMinutes();
    var s = now.getSeconds();

    var out = h+" : "+m+" : "+s;

    var trig = setTimeout(refresh,500);

    document.getElementsByClassName("dcoder")[0].innerHTML = out;

    if(h==12 && s==0){
        location.reload();
    }else if(h==0 && s==0){
        location.reload();
    }
    }



 </script>

    </body>
    </html>

每当时钟在12 AM或12 PM时刷新网页的程序

问题描述

3 个解决方案

解决方案1
1 2019-07-21 15:41:19

解决方案2
1 已采纳 2019-07-21 17:08:57

解决方案3
0 2019-07-22 06:34:36

每当时钟在12 AM或12 PM时刷新网页的程序

问题描述

3 个解决方案

解决方案1 1 2019-07-21 15:41:19

解决方案2 1 已采纳 2019-07-21 17:08:57

解决方案3 0 2019-07-22 06:34:36

解决方案1
1 2019-07-21 15:41:19

解决方案2
1 已采纳 2019-07-21 17:08:57

解决方案3
0 2019-07-22 06:34:36