我的游戏有这个计时器，它工作得非常好，但我想通过做两件事来进一步开发它。
- 添加最后 10 秒的声音（每秒发出细微的哔声）
- 为最后 10 秒每秒脉冲的 div 添加红色背景
我曾尝试用谷歌搜索添加声音，但我真的不知道该怎么做。至于 div 背景，我找到了一个名为 pulsate 的库，但它在 div 周围添加了一个边框，我真正想要的是背景闪烁，但我不知道如何手动完成。
我正在使用 jquery.countdown cdn，如下所示。这是目前我的倒计时jQuery：
<script src="{% static 'js/jquery.countdown.min.js' %}"></script>
<script>
$(function timer() {
let currentDate = new Date();
let remainingTimeoutSeconds = {{ view.remaining_timeout_seconds|json }};
let milliseconds = Math.floor(remainingTimeoutSeconds * 1000);
$('.time-left').countdown(currentDate.valueOf() + milliseconds)
.on('update.countdown', function (event) {
// %-N is "Total count of minutes till the end, non-padded"
// %S is seconds left
let format = '%-N:%S';
$(this).html(event.strftime(format));
})
.on('finish.countdown', function (event) {
$('<input>').attr({
type: 'hidden',
name: 'timeout_happened',
value: '1'
}).appendTo('form');
$('#form').submit();
});
});
</script>
最后一段代码，在完成时，只是简单地提交带有计时器结束时的值的表单。与这个问题的相关性较小。