Записи

<table cellpadding="10" cellspacing="10" width="100%">
 <tr id="idtablegame1"><td align="center">

 <table class="colorborder" width="500">
 <tr><td align="center">
<canvas id="canvasId75" width="180px" height="180px"></canvas>
<span>минут</span>
<canvas id="canvasId85" width="135px" height="135px"></canvas>
<span>секунд</span>
 </td></tr>
 <tr><td align="center">
 минут:
 <input id="v25in20" name="33" type="radio" onclick="v25MGo();" />20    
 <input id="v25in25" name="33" type="radio" onclick="v25MGo();" />25    
 <input id="v25in30" name="33" type="radio" onclick="v25MGo();" />30    
 <input id="v25in35" name="33" type="radio" onclick="v25MGo();" checked="checked" />35    
 <input id="v25in40" name="33" type="radio" onclick="v25MGo();" />40    
 <input id="v25in45" name="33" type="radio" onclick="v25MGo();" />45    
 <input id="v25in60" name="33" type="radio" onclick="v25MGo();" />60
 </td></tr>
 <tr><td align="center">
 <input id="v25inrnd" name="33" type="radio" onclick="v25MGo();" />
 <input type="range" id="v25param1" max="90" min="1" value="10" style="width: 300px;"
 oninput="{document.getElementById('v25spanparam1').innerHTML = document.getElementById('v25param1').value; v25MGo();}" />
 <span id="v25spanparam1" style="color: rgb(255,0,0);">10</span><span style="color: rgb(255,0,0);"> минут</span>
 </td></tr>
 <tr><td align="center">
 <input type="button" id="v25butstart" value="старт" onclick="v25MStart();">
 <input type="button" value=" -1 " onclick="v25ttagstart --; v25MCorr();">
 <input type="button" value=" +1 " onclick="v25ttagstart ++; v25MCorr();">
 </td></tr>
 </table>
<script>
//beep begin
audioCtx = new(window.AudioContext || window.webkitAudioContext)();
var typeHz = 'sine';
var oscillatormine = audioCtx.createOscillator();

function beep(frequencyHz) {
 var oscillator = audioCtx.createOscillator();
 var gainNode = audioCtx.createGain();
 
 oscillator.connect(gainNode);
 gainNode.connect(audioCtx.destination);

 gainNode.gain.value = 0.3;
 oscillator.frequency.value = frequencyHz;
 oscillator.type = typeHz;

 oscillator.start();
 oscillatormine = oscillator;
 
 setTimeout(
 function() {
 oscillator.stop();
 },
 1000
 );
};
//beep end

var v25timerNY = setInterval(v25ChangeDateTimer, 1000);
var myDatestart = new Date();
var myDatecurrent = new Date();
var v25ttag = 35;
var v25ttagstart = 35;
var v25ttagsec = 0;
var v25flagstart = false;
var v25flagcolor = true;
var v25H1 = 3; 
var v25H2 = 5; 
var v25S1 = 0; if (v25S1 === 0) v25S1 = 11; 
var v25S2 = 0; 
function v25ChangeDateTimer() {
if (v25flagstart) {
//timer
myDatecurrent = new Date();
var myDaterazniza = myDatecurrent - myDatestart;
v25ttagsec = 59 - Math.floor(myDaterazniza / 1000) +
 Math.floor(myDaterazniza / (1000 * 60))*60 +
 Math.floor(myDaterazniza / (1000 * 60*24))*24;
 if (v25ttagsec < 1) v25ttagsec = 0;
 if ((v25ttag === 3)&&(v25ttagsec === 0)) {
 v25DClock1.v25darkColor = '#E0FF7F'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#0E4D21'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#E0FF7F'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#0E4D21'; // цвет вкл эл-та 2
 beep(440);
 }
v25ttag = v25ttagstart - Math.floor(myDaterazniza / (1000 * 60)) +
 Math.floor(myDaterazniza / (1000*60*60)) * 60;
 if (v25ttag < 1) {
 if (document.getElementById('v25in20').checked) {v25ttag = 19;};
 if (document.getElementById('v25in25').checked) {v25ttag = 24;};
 if (document.getElementById('v25in30').checked) {v25ttag = 29;};
 if (document.getElementById('v25in35').checked) {v25ttag = 34;};
 if (document.getElementById('v25in40').checked) {v25ttag = 39;};
 if (document.getElementById('v25in45').checked) {v25ttag = 44;};
 if (document.getElementById('v25in60').checked) {v25ttag = 59;};
 if (document.getElementById('v25inrnd').checked) {
v25ttag = document.getElementById('v25param1').value - 1;};
v25ttagstart = v25ttag;
 if (v25ttagsec === 0) {
 if (v25flagcolor === false) {
 v25flagcolor = true;
 v25DClock1.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#0000FF'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#0000FF'; // цвет вкл эл-та 2
 beep(320);
 } else {
 v25flagcolor = false;
 v25DClock1.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#DC8628'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#DC8628'; // цвет вкл эл-та 2
 beep(320);
 }}
 }

//минуты
 var v25H0 = '00';
 if (v25ttag > 9) {
 v25H0 = "" + v25ttag;
 } else {
 v25H0 = '0' + v25ttag;
 }
 v25H1 = eval(v25H0[0]); if (v25H1 === 0) v25H1 = 11;
 v25H2 = eval(v25H0[1]); if ((v25H1 === 11)&&(v25H2 === 0)) v25H2 = 11; 

//секунды
 var v25S0 = '00';
 if (v25ttagsec > 9) {
 v25S0 = "" + v25ttagsec;
 } else {
 v25S0 = '0' + v25ttagsec;
 }
 v25S1 = eval(v25S0[0]); if (v25S1 === 0) v25S1 = 11;
 v25S2 = eval(v25S0[1]); 
}
}
function v25MCorr() {
 var v25H0 = '00';
 if (v25ttag > 9) {
 v25H0 = "" + v25ttag;
 } else {
 v25H0 = '0' + v25ttag;
 }
 v25H1 = eval(v25H0[0]); if (v25H1 === 0) v25H1 = 11;
 v25H2 = eval(v25H0[1]); if ((v25H1 === 11)&&(v25H2 === 0)) v25H2 = 11; 
}
function v25MStart() {
if (v25flagstart === false) {
v25flagstart = true;
document.getElementById('v25butstart').value = "стоп";
myDatestart = new Date();
myDatecurrent = new Date();
} else {
v25flagstart = false;
document.getElementById('v25butstart').value = "старт";
}
}

function v25MGo() {
 if (document.getElementById('v25in20').checked) {v25ttag = 19; v25H1 = 2; v25H2 = 0;};
 if (document.getElementById('v25in25').checked) {v25ttag = 24; v25H1 = 2; v25H2 = 5;};
 if (document.getElementById('v25in30').checked) {v25ttag = 29; v25H1 = 3; v25H2 = 0;};
 if (document.getElementById('v25in35').checked) {v25ttag = 34; v25H1 = 3; v25H2 = 5;};
 if (document.getElementById('v25in40').checked) {v25ttag = 39; v25H1 = 4; v25H2 = 0;};
 if (document.getElementById('v25in45').checked) {v25ttag = 44; v25H1 = 4; v25H2 = 5;};
 if (document.getElementById('v25in60').checked) {v25ttag = 59; v25H1 = 6; v25H2 = 0;};
 if (document.getElementById('v25inrnd').checked) {
v25ttag = document.getElementById('v25param1').value - 1; v25H1 =
 Math.floor(document.getElementById('v25param1').value/10); v25H2 =
 document.getElementById('v25param1').value%10;};
v25ttagstart = v25ttag;
 v25ttagsec = 60;
 v25S1 = 0; if (v25S1 === 0) v25S1 = 11; 
 v25S2 = 0;
 if (v25flagcolor === false) {
 v25flagcolor = true;
 v25DClock1.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#0000FF'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#0000FF'; // цвет вкл эл-та 2
 } else {
 v25flagcolor = false;
 v25DClock1.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#DC8628'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#DC8628'; // цвет вкл эл-та 2
 } 
}
v25MGo();
</script>

<script type="text/javascript" src="/js/timer/timer35.js"></script>

</td></tr>
</table>