在网格滑块中，如何在每张幻灯片之间添加延迟？

Question

这是我的情况，

我有一个＆＃34;网格滑块＆＃34;，请理解我有一个2列，3行的网格。

每个框都有不同的内容。

我喜欢每个盒子都以不同的间隔滑动。

示例盒子5秒后的滑块，7后的B，9后的C，11后的11。为每个盒子添加2秒延迟。

到目前为止，我一直在使用此插件：

http://onether.com/grid-slider/examples/testimonials-slider-custom-arrows-position-offset

但它会将所有幻灯片放在一起：

这是我的实例：

http://codepen.io/anon/pen/BzybNW

我＆＃39;称js为：

$(function ()
{
$('.comp-quotes-1').gridSlider({
    cols: 2, //Column count. Degrades on smaller screens. Degradation steps can be easily adjusted in css.
    rows: 3, //Row count. Applies to sliders only.
    col_spacing_size: 5, //Spacing that occurs between grid cells.
    transition: 'slideLeft', //)
    scroll_speed: 1000, //Scroll speed in miliseconds
    ctrl_always_visible: true, //Slider controls visible at all times or on hover only
    ctrl_arrows_pos_y: 'top', //Vertical position of slider arrows
    ctrl_arrows_pos_x: 'right', //Horizontal position of slider arrows
    ctrl_arrows_pos_shift_y: -76, //Custom vertical offset of slider arrows
    ctrl_pag_pos_y: 'bottom', //Vertical position of slider pag
    ctrl_pag_pos_x: 'right', //Horizontal position of slider pag
    ctrl_pag_pos_shift_y: 70, //Custom vertical offset of slider pag
    ctrl_style: 10, //Style of navigation (for custom one provide path to filename)
    ctrl_arrows_spacing: 2, //Minimum spacing between arrows
    autoplay_enable: true, //Autoplay
    autoplay_interval: 2, //Autoplay interval in seconds
    ctrl_pag_spacing: 2, //Minimum spacing between pagination items
    ctrl_pag: false,
    scroll_on_mousewheel: false,
});

如果您有任何提示可以实现这一目标，那就太棒了！

非常感谢!!