Добавление кнопки воспроизведения для запуска слайдера времени Javascript? - PullRequest
Новая
       2

Добавление кнопки воспроизведения для запуска слайдера времени Javascript?

0 голосов
/ 02 октября 2018

Я пытаюсь добавить кнопку воспроизведения в имеющийся у меня jQuery-таймер.

Элемент слайдера времени в HTML: 

<input id="timeslide" type="range" min="0" max="25" value="0" step="1" /><br>



var inputValue = null;
var years = ["1993","1994","1995","1996","1997","1998","1999","2000","2001","2002","2003","2004","2005","2006","2007","2008","2009", "2010","2011","2012","2013","2014","2015","2016","2017","2018","2019"];

Я строю массив лет, которыйбудет использоваться для индексации ползунка времени на основе текущего значения ползунка.Отображаемые данные будут меняться в зависимости от года. 

d3.select("#timeslide").on("input", function() {        
    console.log(value)
    update(+this.value);   
});


function update(value) {

    console.log(value)
    document.getElementById("range").innerHTML=years[value];
    inputValue = years[value];
    console.log(inputValue)


    d3.selectAll(".tenants")
        .attr("opacity", dateMatch);

}

Я попытался добавить кнопку воспроизведения, чтобы ползунок автоматически прошел диапазон значений от начала до конца: 

    <div class="container">
        <button id="play">
            Start
    </button>

    $('#play').click(function(){    
    $("#timeslide").trigger('input');
    },25);

Я на правильном пути?Мне просто нужна кнопка с прослушивателем событий, которая запускает ползунок времени для прокрутки каждого из 25 значений.

...