如何用Leaflet在Ant path中动态暂停？

<link rel="stylesheet" href="leaflet.css">
<script src="leaflet.js"></script>
<script src="leaflet-ant-path.js"></script>

<div id="map"></div>

<script>
    var map = L.map('map').setView([51.505, -0.09], 13);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
        maxZoom: 18,
    }).addTo(map);
</script>

var pathCoordinates = [
    [51.505, -0.09],
    [51.51, -0.1],
    [51.51, -0.12],
    [51.505, -0.09]
];

var pathOptions = {
    delay: 1000,  // 暂停时间（毫秒）
    dashArray: [10, 20],  // 虚线样式
    weight: 5,  // 路径线宽
    color: '#FF0000',  // 路径线颜色
    pulseColor: '#FFFFFF',  // 脉冲效果颜色
    paused: false  // 是否暂停初始状态
};

var antPath = L.antPath(pathCoordinates, pathOptions).addTo(map);

// 暂停
antPath.pause();

// 继续播放
antPath.resume();