如何每隔几分钟更改自定义标记图像（OpenLayers）？

我正在尝试在OpenLayers上创建一个带有自定义标记的地图。标记的图像需要每隔几分钟更改一次。我只能加载地图并显示标记，但不知道如何更改图像

我的代码：

var coordinates = [
    [23.3219, 42.6977],
    [27.9147, 43.2141],
    [25.6172, 43.0757],
    [27.4626, 42.5048],
];
var map = new ol.Map({
    target: 'map',
    layers: [
        new ol.layer.Tile({
            source: new ol.source.OSM()
        })
    ],
    view: new ol.View({
        center: ol.proj.fromLonLat([25.4858, 42.7339]),
        zoom: 7
    }),

});

for (let i = 0; i < coordinates.length; i++) {
    var element = document.createElement('div');
    element.innerHTML = '<img id="pointer" src="../admin-front-end/assets/green_index.png" width="30" height="30" />';

    var markerCoordinates = ol.proj.fromLonLat([coordinates[i][0], coordinates[i][1]]);

    var marker = new ol.Overlay({
        position: markerCoordinates,
        positioning: 'bottom-left',
        element: element,
        stopEvent: false
    });

    map.addOverlay(marker); 
}

var坐标=[
[23.3219, 42.6977],
[27.9147, 43.2141],
[25.6172, 43.0757],
[27.4626, 42.5048],
];
var map=新ol.map({
目标：“地图”，
图层：[
新ol.layer.Tile({
来源：new ol.source.OSM（）
})
],
视图：新ol.view({
中心：Lonlat的其他项目（[25.4858,42.7339]），
缩放：7
}),
});
for（设i=0；i

要使用现有代码更改图像，请保留对标记的引用，使用新图标创建新的

元素。然后对每个标记调用
.setElement


我的地图
要使用现有代码更改图像，请保留对标记的引用，使用新图标创建新的
元素。然后对每个标记调用
.setElement


我的地图

for (var i=0; i<markers.length; i++) {
  var element = document.createElement('div');
  element.innerHTML = '<img id="pointer" src="'+blueIcon+'" width="30" height="30" />';
  markers[i].setElement(element);
}