Jquery如何独立于请求设置背景图像

Question

我正在尝试为不会随请求更改的网站设置背景图片，但只能随时间更改。

例如，我希望将每个图像保留在屏幕上6个小时。

目前我的代码是：

var $my_div = $('.picture-div');
var $image_paths = gon.photo_paths;
var $current = 0;
var $picture_time = 6 * 60 * 60 * 1000;
var timeout;

function nextImage() {
  clearTimeout(timeout);
  var $cur_path = $image_paths[$current = ++$current % $image_paths.length];
  $my_div.css('background-image', 'url(' + $cur_path + ')');
  timeout = setTimeout(nextImage, $picture_time);
}
nextImage();

image_paths：资产路径的数组（Rails，借助“gon”gem）

上面代码的问题是每次请求都会自动重启。那么如何让它“请求”独立但依赖于时间。