30秒ごとにドロップダウンオプションを自動変更する方法

Question

私は前と次のドロップダウンを行っています。 n秒ごとにドロップダウン・オプションの値を自動的に変更する方法を知りたい。 https://jsfiddle.net/wmwayysz/

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">  
</script> 
<button type="button" id="prev">Previous</button> 
<select id="selectBox" onchange="currentSlide(value);" class="selectpicker"> 
<option value="1" class="options">Electronics</option> 
<option value="2" class="options">Clothing</option> 
<option value="3" class="options">Health</option> 
    <option value="4" class="options">Food</option> 
<option value="5" class="options">Travel</option> 
<option value="6" class="options">Mobiles</option> 
<option value="7" class="options">Grocery</option> 
<option value="8" class="options">Recharge</option> 
<option value="9" class="options">Furniture</option> 

次

$.fn.loopNext = function(selector) { 
    var selector = selector || ''; 
    return this.next(selector).length ? this.next(selector) :  
    this.siblings(selector).addBack(selector).first(); 
    } 
    $.fn.loopPrev = function(selector) { 
    var selector = selector || ''; 
    return this.prev(selector).length ? this.prev(selector) :  
     this.siblings(selector).addBack(selector).last(); 
    } 
    $("#next").click(function() { 
    $('#selectBox > option:selected') 
     .removeAttr('selected') 
     .loopNext('option') 
      .prop('selected', 'selected'); 
    }); 

    $("#prev").click(function() { 
    $('#selectBox > option:selected') 
    .removeAttr('selected') 
     .loopPrev('option') 
     .prop('selected', 'selected'); 
    }); 

    function currentSlide(selectionValue) { 
     console.log(selectionValue); 
    } 

Answer 1

を試してみてください。共通コードが機能するようになります。 ここにはそれのための手伝いがあります。ここでhttps://jsfiddle.net/wmwayysz/2/

はあなたのjavascriptの更新されたコードである

$.fn.loopNext = function(selector) { 
    var selector = selector || ''; 
    return this.next(selector).length ? this.next(selector) : this.siblings(selector).addBack(selector).first(); 
} 
$.fn.loopPrev = function(selector) { 
    var selector = selector || ''; 
    return this.prev(selector).length ? this.prev(selector) : this.siblings(selector).addBack(selector).last(); 
} 
$("#next").click(funShowNext); 
setInterval(funShowNext,3000); 

function funShowNext() { 
    $('#selectBox > option:selected') 
    .removeAttr('selected') 
    .loopNext('option') 
     .prop('selected', 'selected'); 
} 

$("#prev").click(function() { 
    $('#selectBox > option:selected') 
    .removeAttr('selected') 
    .loopPrev('option') 
     .prop('selected', 'selected'); 
}); 

function currentSlide(selectionValue) { 
    console.log(selectionValue); 
} 

Answer 2

あなたは次の使用しているいくつかの時間間隔の後にコードの同じ繰り返しを呼び出す必要があり、この

setInterval(function() { 
    $('#next').trigger('click'); 
}, 30000)