同时运行多个超时

Question

有没有办法在switch语句之间移动，所以两个div都会循环？

我正在编写一个桌面应用程序，根据您输入的兴趣推荐不同的事情。现在，我们有音乐和视频游戏类型。使用下拉菜单选择它们。这些类型具有各自的功能。通过下拉菜单调用这些函数，如此处所示

<select id="vg" class="dropdown" onchange="vgchosen.call(this, event)">
<select id="music" class="dropdown" onchange="muchosen.call(this, event)">

当选择一个类型时，div标签会开始循环播放文本，为您提供有关该怎么做的建议。

<div id="vgc" class="genres">Game Genres Here</div>
<div id="muc" class="genres">Music Genres Here</div>

这里可以看到一些循环的文本

case "Action":
    var actionvgc = [
    "You should play |Skyrim",
    "You should play |Killing Floor 2",
    "You Should play |Counter Strike Global Offensive",
    ];
    clearInterval(timerId);
    timerId = setInterval(function() {  var i = Math.round((Math.random()) * actionvgc.length);
        if (i == actionvgc.length) --i;
        $("#vgc").html(actionvgc[i]); }, 1000);
        break;

case "Pop":
    var popmuc = [
    "You should listen to |Maroon 5",
    "You should listen to |Nicki Minaj",
    "You Should listen to |5 Seconds of Summer",
    ];
    clearInterval(timerId);
    timerId = setInterval(function() {  var i = Math.round((Math.random()) * popmuc.length);
        if (i == popmuc.length) --i;
        $("#muc").html(popmuc[i]); }, 1000);
        break;

当你第一次选择一个类型，文本循环，每个人都很开心时，一切都有效。当您尝试从另一个下拉菜单中选择一种类型时会出现此问题。例如：你选择了动作游戏，你会看到动作游戏。你选择流行音乐，你看流行音乐，但动作游戏已经停止循环。