zFARTzskyANA, попробуйте поставить один из них на 10 секунд а когда время закончится ещё раз запустить.
Могли бы уже прочитать документацию по jQuery countdown и догадаться, что нужен destroy :)
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.1/jquery.countdown.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.1/jquery.plugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.1/jquery.countdown.min.js"></script>
<style>
.countdown {
float: left;
width: 240px;
}
</style>
<script>
$(document).ready(function () {
initialize();
$('button.start-countdown').click(function () {
var sender = $(this),
countdown = $(sender.data('target')),
countdownDuration,
countdownId = countdown.attr('id'),
nowTime = new Date().getTime(), until, untilTime = null;
if (localStorage.getItem(countdownId)) {
untilTime = localStorage.getItem(countdownId);
}
countdownDuration = countdown.data('seconds') * 1000;
countdownDuration += countdown.data('minutes') * 60 * 1000;
countdownDuration += countdown.data('hours') * 3600 * 1000;
if (untilTime && (isNaN(untilTime) || untilTime <= nowTime)) {
countdown.countdown('destroy');
untilTime = null;
}
if (untilTime == null) {
untilTime = nowTime + countdownDuration;
localStorage.setItem(countdownId, untilTime);
until = new Date();
until.setTime(untilTime);
countdown.countdown({ until: until });
}
window.open(countdown.data('url'), '_blank');
});
});
function initialize() {
$('.countdown').each(function () {
var countdown = $(this),
countdownId = countdown.attr('id'),
nowTime = new Date().getTime(), until, untilTime = null;
if (localStorage.getItem(countdownId)) {
untilTime = localStorage.getItem(countdownId);
}
if (untilTime && (isNaN(untilTime) || untilTime <= nowTime)) {
return;
}
if (untilTime) {
until = new Date();
until.setTime(untilTime);
countdown.countdown({ until: until });
}
});
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="8">
<tr>
<td>
<span class="countdown" data-hours="0" data-minutes="0" data-seconds="10" data-url="https://mail.ru" id="mail"></span>
<button class="start-countdown" data-target="#mail" type="button">Старт</button>
</td>
</tr>
<tr>
<td>
<span class="countdown" data-hours="2" data-minutes="30" data-seconds="10" data-url="http://ya.ru" id="ya"></span>
<button class="start-countdown" data-target="#ya" type="button">Старт</button>
</td>
</tr>
<tr>
<td>
<span class="countdown" data-hours="2" data-minutes="30" data-seconds="10" data-url="http://rambler.ru" id="rambler"></span>
<button class="start-countdown" data-target="#rambler" type="button">Старт</button>
</td>
</tr>
<tr>
<td><button onclick="localStorage.clear()">Почистить localStorage</button></td>
</tr>
</table>
</body>
</html>
Ссылка на песочницу:
http://plnkr.co/edit/G56XlSj5cf6DFvYXrZkj?p=preview
