javascript - 如何更改 keith-wood jQuery 倒计时中的时钟文本

Question

我正在使用 keith-wood Jquery 倒计时。我的示例代码如下

<link rel="stylesheet" type="text/css" href="http://keith-wood.name/css/jquery.countdown.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.plugin.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.countdown.js"></script>


<script>
$(function () {
	var austDay = new Date();
	austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
	$('.countdown1').countdown({until: austDay});      
        $('.countdown2').countdown({until: austDay, format: 'HMS'});
});
</script>

Countdown1:
<div class="countdown1"></div><br/><br/><br/>

Countdown2:
<div class="countdown2"></div>

我只想更改第二个 div 的时钟文本。例如，我想将小时替换为小时，将分钟替换为分钟，将秒替换为秒，仅用于倒计时2。

Answer 1

你需要这个吗:

在初始化倒计时时，根据您的要求设置标签::

labels: ['Years', 'Months', 'Weeks', 'Days', 'Hrs', 'Min', 'Sec']

$(function () {
	var austDay = new Date();
	austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
	$('.countdown1').countdown({until: austDay});      
        $('.countdown2').countdown({labels: ['Years', 'Months', 'Weeks', 'Days', 'Hrs', 'Min', 'Sec'], until: austDay, format: 'HMS'});
});

<link rel="stylesheet" type="text/css" href="http://keith-wood.name/css/jquery.countdown.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.plugin.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.countdown.js"></script>
Countdown1:
<div class="countdown1"></div><br/><br/><br/>

Countdown2:
<div class="countdown2"></div>