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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
| var num;
var flag = false; // timer goes
$(document).ready(function(){
$("h2.time").on("mouseenter", function(e){
num = $(this);
if (num.is(".odd"))
$(".window").html("<table><tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></table>");
else
$(".window").html("<table><tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr></table>");
if (e.pageX + $(".window").width() / 2 > $(window).width())
$(".window").css({"left": ($(window).width() - $(".window").width()) + "px", "top": e.pageY + 10 + "px"});
else
$(".window").css({"left": Math.max(e.pageX - $(".window").width() / 2, 0) + "px", "top": e.pageY + 10 + "px"});
$(".window").fadeIn();
});
$(".window").on("click", "td", function(){
num.html($(this).html())
$(".window").fadeOut();
});
var times;
var check;
function minusTime(min0, sec0, min1, sec1) {
return min1 * 60 + sec1 - min0 * 60 - sec0;
}
function totalTime(min0, sec0) {
return min0 * 60 + sec0;
}
function writeTime(timeArray, saveTime) {
var tmp = $(".time");
for (var i = 0; i < 4; i++) {
$(".progress:first").animate({
"width": minusTime(timeArray[0], timeArray[1], saveTime[0], saveTime[1]) / totalTime(saveTime[0], saveTime[1]) * 100 + "%",
}, 100);
$(".progress:first h4")[0].innerHTML = Math.round(minusTime(timeArray[0], timeArray[1], saveTime[0], saveTime[1]) / totalTime(saveTime[0], saveTime[1]) * 100) + "%";
$(".progress:last").animate({
"width": minusTime(timeArray[2], timeArray[3], saveTime[2], saveTime[3]) / totalTime(saveTime[2], saveTime[3]) * 100 + "%",
}, 100);
$(".progress:last h4")[0].innerHTML = Math.round(minusTime(timeArray[2], timeArray[3], saveTime[2], saveTime[3]) / totalTime(saveTime[2], saveTime[3]) * 100) + "%";
tmp[i * 2].innerHTML = Math.floor(timeArray[i] / 10);
tmp[i * 2 + 1].innerHTML = timeArray[i] % 10;
}
}
var timeId, timeId1;
function timer1(times, saveTime) {
timeId = setInterval(function(){
check = $("input[type=checkbox]").is(":checked");
if (times[1] !== 0) {
times[1]--;
writeTime(times, saveTime);
}
else if (times[0] !== 0) {
times[0]--;
times[1] = 59;
writeTime(times, saveTime);
}
else if (!check) {
writeTime(saveTime, saveTime);
times = saveTime.slice();
}
else
{
timer2(times, saveTime);
clearInterval(timeId);
}
}, 1000);
}
function timer2(times, saveTime) {
timeId1 = setInterval(function(){
if (times[3] !== 0) {
times[3]--;
writeTime(times, saveTime);
}
else if (times[2] !== 0) {
times[2]--;
times[3] = 59;
writeTime(times, saveTime);
}
else {
writeTime(saveTime, saveTime);
times = saveTime.slice();
timer1(times, saveTime);
clearInterval(timeId1);
}
}, 1000);
}
var saveTime;
$(".start").on("click", function(){
if (flag) {
$(".start").text("Start");
clearInterval(timeId);
clearInterval(timeId1);
console.log(saveTime);
writeTime(saveTime, saveTime);
}
else {
var fin = [];
var times = $(".time")
var check;
console.log(check);
for (var i = 0; i < times.length; i++) {
fin.push(+times[i].innerHTML);
}
times = [];
for (var i = 0; i < fin.length / 2; i++)
{
times[i] = fin[i * 2] * 10 + fin[i * 2 + 1];
}
saveTime = times.slice();
$(".start").text("Stop");
timer1(times, saveTime);
}
flag = !flag;
});
}); |
(
