Question

我知道这不会帮助你理解，所以我会把它分解。我有一个时间间隔的网页，这个时间被翻译成一个小时，并加载一个音频文件。问题是间隔每秒重新加载音频，我只希望它根据小时和时间间隔按预期工作。我把它设置成这样。

它的基本原理是我根据一天中的时间有一个页面加载东西，我需要一种方法来编辑一些功能的时间并更改元素。如果有更好的方法，我愿意接受建议。

注意：我不能使用jquery

//interval//
var myVar = setInterval(function(){ myTimer() }, 1000);
//get the time//
function myTimer() {
    var d = new Date();
    var h = d.getHours();
    var m = d.getMinutes();
    var s = d.getSeconds();
    var time = h + ":" + m + ":" + s;
    document.getElementById('time').innerHTML = time;
    mod_time(h,m,s)
}
// mod the time //
function mod_time(h,m,s) {
var x = 0;
      if(x == 1){
        var h = h - h + 2
      }
      if(x == 2){
        var h = h - h + 3
      }
      else{
        var h = h;
}
//applying just the hours//
    apply_mod_time(h)
    //displaying the full modded time for debugging//
    var t_str = h + ":" + m + ":" + s;
    document.getElementById('time2').innerHTML = t_str;
}
//playing sound based on the hour//
function apply_mod_time(h) {
    if (h==1) {
document.getElementById("myAudio").src = "moo.mp3";
    }
}

Answer 1

添加另一个指定当前小时的变量。当您每秒执行一次间隔时，请查看h！== hourVariable。如果它们不匹配，请加载音频文件并将hourVariable更新为等于h。

暂停链条间隔

1 个答案: