Javascript 传单时间滑块播放按钮

Javascript 传单时间滑块播放按钮,javascript,leaflet,Javascript,Leaflet,我在任何地方都找不到这个问题的答案,但是有没有一种好方法可以在传单范围滑块上添加一个“播放”按钮来自动滚动时间?我有一个范围滑块,用于索引年份: $('#reverse').html('<img src="/js/Residents_Map_Nov14/img/left2.png"">'); $('#forward').html('<img src="/js/Residents_Map_Nov14/img/right2.png">'); $('.s

我在任何地方都找不到这个问题的答案,但是有没有一种好方法可以在传单范围滑块上添加一个“播放”按钮来自动滚动时间?我有一个范围滑块,用于索引年份:

    $('#reverse').html('<img src="/js/Residents_Map_Nov14/img/left2.png"">');
    $('#forward').html('<img src="/js/Residents_Map_Nov14/img/right2.png">');
    $('.skip').click(function () {

        var index = $('.range-slider').val();
        //if forward clicked, increasing increments by 1
        if ($(this).attr('id') == 'forward') {
            index++;
            index = index > 2016 ? 1970 : index;
            map.legend.setContent(index);
        }
     }
$('#reverse').html('';
$('#forward').html('');
$('.skip')。单击(函数(){
var index=$('.range slider').val();
//如果向前单击,则增加增量1
if($(this).attr('id')=='forward'){
索引++;
指数=指数>2016?1970:指数;
map.legend.setContent(索引);
}
}

因此,我的问题是,如何添加一个每年都会自动播放的“播放”按钮?谢谢。

我想你想随着时间的推移更改地图的内容。手动操作可能需要很多工作(取决于你必须更改的内容)

我的建议是在时间维度上使用一个传单插件,比如。这个插件允许您使用WMS或GEOJSON更改层

你有其他插件,例如,如果你只想改变标记。 我建议你退房


祝你好运。

谢谢-我看了这个,我想知道它是否能与现有的范围滑块一起工作?我想保留我所有的东西,只是添加一个播放按钮。好吧,我为你指出了这些插件的方向,因为我假设你想在改变年份时改变地图,我认为这可能需要很多工作。我认为你无法适应除非您更改插件源代码(我不推荐)。但是如果您不介意自己更改地图,那么这是一个Javascript/jQuery问题。在这里,您可以看到一个范围滑块每0.5秒递增一次(我在这里留下了一些注释,您可以更改地图).H.Figueiredo-非常感谢,这很有效。但是,当我双击“开始”按钮时,它似乎被卡在“播放”上。对不起,我忘记检查双重输入。如果这样做,当你第二次单击时它应该有正常行为(它基本上忽略第二次“单击”)。