Question

以下代码在您单击各个链接时有效，但我也想让它自动运行内容。

使用Javascript：

var kopjeC = 1;

function kopje(kopjeC){
    if(kopjeC == 1){
        document.getElementById('textB').innerHTML = 'Home';
        document.getElementById('1').style.backgroundColor = '#CCC';
        document.getElementById('2').style.backgroundColor = '#FFF';
        document.getElementById('3').style.backgroundColor = '#FFF';
        document.getElementById('4').style.backgroundColor = '#FFF';
    }
    if(kopjeC == 2){
        document.getElementById('textB').innerHTML = 'Lactatiekundige';
        document.getElementById('1').style.backgroundColor = '#FFF';
        document.getElementById('2').style.backgroundColor = '#CCC';
        document.getElementById('3').style.backgroundColor = '#FFF';
        document.getElementById('4').style.backgroundColor = '#FFF';
    }
    if(kopjeC == 3){
        document.getElementById('textB').innerHTML = 'Consult';
        document.getElementById('1').style.backgroundColor = '#FFF';
        document.getElementById('2').style.backgroundColor = '#FFF';
        document.getElementById('3').style.backgroundColor = '#CCC';
        document.getElementById('4').style.backgroundColor = '#FFF';
    }
    if(kopjeC == 4){
        document.getElementById('textB').innerHTML = 'Verhuur/verkoop';
        document.getElementById('1').style.backgroundColor = '#FFF';
        document.getElementById('2').style.backgroundColor = '#FFF';
        document.getElementById('3').style.backgroundColor = '#FFF';
        document.getElementById('4').style.backgroundColor = '#CCC';
    }
}

例如，我怎样才能在5秒后转到下一个主题（kopjeC值）？

JSFiddle

Answer 1

您可以使用setInterval：

var kopjeC = 0;

function kopje(kopjeC){
  // your function
}

setInterval(function() {
    kopjeC = kopjeC < 4 ? kopjeC + 1 : 1;
    kopje(kopjeC);
},5000);

请参阅Fiddle

Answer 2

您可以尝试setInterval js函数。像这样：

setInterval(function() {
  if (++kopjeC == 5) {
      kopjeC = 1;
  }
  kopje(kopjeC);
}, 5000);

Answer 3

要循环使用您的功能，请使用setInterval：

setInterval(function(){
    kopje(kopjeC)
    kopjeC++
    if (kopjeC === 5){
        kopjeC = 1;  
    }
}, 1000);

这将每1000毫秒运行kopje()。一旦kopjeC = 5，它就会重新开始。

JSFiddle

通过功能自动运行

3 个答案: