jsTimer.js

// Виноградов С.В. https://github.com/fdsc/timer
console.log("timer loaded; version 20230203-2242");


var AC = null;
var audioSource = null;
var audio = null;
var gainNode = null;
var wave, osc, wavetable;
var soundRegime = 0;
var soundSwither;

var timerStorageNameConst = 'timers.';
var timerStorageName      = timerStorageNameConst;
var timersName = "";

var INTERVAL_ID          = 0;
var INTERVAL_TIME        = 100;
var onFocus              = true;

var last_interval_time = 90;

// При изменении объекта вставить повторный сброс и в doClearAllTimers
var timersObject = 
{
	timers: [],
	saved:  []
};

// Эта функция вызывается в doClearAllTimers совместно с первичной инициализацией объекта
function getDefaultSoundRegime()
{
	var dsr = 
	{
		gainVal:     0.16,
		gainVal2:    0.4,
		soundRegime: 0,
		DeferTime:   1,
		isResourceSavingMode: false
	};

	return dsr;
}

var soundRegimeObject = getDefaultSoundRegime();


var SoundRegimeText = 
		[
			'Звук включён',
			'Два низких гудка',
			'Два низких гудка: чистый тон',
			'Два гудка на каждый таймер',
			'Звук отключён'
		];

var SoundDisableRegime = SoundRegimeText.length - 1;

var notificationObjects = {};

function addTimerObject(newTimer)
{
	timersObject.timers.push(newTimer);
}

function addTimer(id, milliSeconds, text, isEnd, fromSave, ImportantTimer)
{
	var now = new Date();
	var end = new Date(now.getTime() + milliSeconds).getTime();
	if (isEnd === true)
		end = milliSeconds;

	if (!text)
		text = "Таймер " + new Date(end).toLocaleString();

	addTimerObject
	(
		{
			end:  	       end,
			// end изменяется, когда таймеру нужно помигать. endL - не изменяется никогда (если только таймер не отложен)
			endL: 	       end,
			endS:          end,	// Не изменяется вообще никогда
			id:   	       id,
			text: 	       text,
			toDelete:      false,
			isControlTask: false,
			deferred:      false,
			Important:     !!ImportantTimer
		}
	);

	document.getElementById("text").value = "";
	var importantElement = document.getElementById("important");
	importantElement.checked = false;

	if (!fromSave)
	{
		saveTimers();
		drawTimers();
	}

	playNull();
};

function importantTimer(MouseEvent)
{
	var timers = timersObject.timers;
	for (var curI = 0; curI < timers.length; curI++)
	{
		var cur = timers[curI];
		if (cur.id == this.tid)
		{
			cur.Important = !cur.Important;
			saveTimers();
			drawTimers();

			return;
		}
	}
}

function deleteTimer(MouseEvent)
{
	set_beforeunload_eventHandler();

	//console.error(this);
	//console.error(arguments);
	// var main  = document.getElementById("main");
	var toDel = document.getElementById('timer-' + this.tid);

	var timers = timersObject.timers;
	for (var curI = 0; curI < timers.length; curI++)
	{
		var cur = timers[curI];
		if (cur.id == this.tid)
		{
			if (!cur.stopped || cur.Important)
			if (!isTimerToDelete(cur))
			{
				timers[curI].toDelete = new Date().getTime();

				return;
			}

			if (new Date() - cur.toDelete <= 350)
				return;

			timers.splice(curI, 1);

			try
			{
				var notification = notificationObjects[cur.id];
				if (notification instanceof Notification)
				{
					notification.deleted = true;
					notification.close();
					delete notificationObjects[cur.id];
				}
			}
			catch (e)
			{
				console.error(e);
			}

			saveTimers();
			// main.removeChild(toDel);
			toDel.parentNode.removeChild(toDel);

			// Вызов для того, чтобы можно было предупредить пользователя о том,
			// что он удалил задачу, которая есть в контрольном списке
			drawTimersShorts();
			break;
		}
	}


	// hideAlert нельзя делать, т.к. вызов удаления таймера может быть из push-уведомления
	// hideAlert();
}

var lastToDeleteSavedTimer = false;
function deleteSavedTimer(MouseEvent)
{
	//console.error(this);
	//console.error(arguments);
	var main  = document.getElementById("timersShort");
	var toDel = document.getElementById('savedtimer-' + this.tid);

	var timers = timersObject.saved;
	for (var curI = 0; curI < timers.length; curI++)
	{
		var cur = timers[curI];
		if (cur.id == this.tid)
		{
			if (!isTimerToDelete(cur))
			{
				cur.toDelete = new Date().getTime();
				lastToDeleteSavedTimer = cur.toDelete;
 
				// Нужно сохранить, т.к. drawTimersShorts восстанавливает данные из сохранения
				/*saveTimers();
				drawTimersShorts();*/
				updateDeleteTextForTimersShorts();
				hideAlert();
				return;
			}

			if (new Date() - cur.toDelete <= 500)
				return;

			timers.splice(curI, 1);

			saveTimers();
			// main.removeChild(toDel);
			drawTimersShorts();

			break;
		}
	}

	hideAlert();
}

function addControlTask()
{
	var h = parseFloat(document.getElementById("hours")  .value || 0);
	var m = parseFloat(document.getElementById("minutes").value || 0);
	var s = parseFloat(document.getElementById("seconds").value || 0);

	var te = document.getElementById("text");
	var text = te.value;
	te.value = '';

	var isImportant   = document.getElementById("important") .checked;
	var isExactlyTime = document.getElementById("addAbsDate").checked;


	if (isExactlyTime)
	{
		var s = document.getElementById("seconds").value;
			s = replaceNonColonSymbols(s);

		var [hours, minutes] = s.split(":");

		addSavedTimer(0, hours, minutes, 0, text, false, false, true, isImportant, {isExactlyTime: isExactlyTime});
	}
	else
	{
		// addSavedTimer(id, h, m, s, timerName, savedInterval, toDelete, isControlTask, isImportant, options)
		addSavedTimer(0, h, m, s, text, false, false, true, isImportant, {isExactlyTime: isExactlyTime});
	}

	hideAlert();

	saveTimers();
	drawTimers();
}

function addTimer_Mil(milliSeconds)
{
	var te = document.getElementById("text");
	var text = te.value;
	te.value = '';

	var isImportant = document.getElementById("important").checked;

	// , isEnd, fromSave, ImportantTimer
	var id = getNewId();
	addTimer(id, milliSeconds, text, undefined, undefined, isImportant);

	hideAlert();
};

function replaceNonColonSymbols(s)
{
		// На всякий случай, исправляем ошибки, типа 12,00. Исправляется только первое вхождение
		s = s.replace(/[^0-9]/, ":");		// Первый неправильный символ в двоеточие
		s = s.replaceAll(/[^0-9\:]/g, "");	// Все оставшиеся символы удаляем
		s = s.replaceAll(/\:+/g, ":");		// Множественные повторения двоеточий - в одно двоеточие

	return s;
}


var daysOfWeek = [['по', 'пн'], ['вт'], ['ср'], ['чт', 'че'], ['пя', 'пт'], ['сб', 'су'], ['вс', 'во']];
function addTimer0()
{/*
	Img[0]   = parseFloat(document.getElementById("Img1").value);*/

	var addAbsDate = document.getElementById("addAbsDate");

	if (addAbsDate.checked)
	{
		var now = new Date();

		var h = parseInt(document.getElementById("hours").value || now.getFullYear());
		var m = document.getElementById("minutes").value;
		var s = document.getElementById("seconds").value;

		s = replaceNonColonSymbols(s);


		var [day, month]     = m.toLowerCase().split(".");
		var [hours, minutes] = s.toLowerCase().split(":");

		if (!hours && parseInt(hours) != "0")
			hours = now.getHours();
		if (!minutes && parseInt(minutes) != "0")
			minutes = now.getMinutes();

		if (!month)
		{
			month = now.getMonth() + 1;
		}
		else
		if (isNaN(parseInt(month)))
		{
			if (month.startsWith("я"))
			{
				month = 1;
			}
			else
			if (month.startsWith("ф"))
			{
				month = 2;
			}
			else
			if (month.startsWith("мар") || month.startsWith("мат") || month.startsWith("мап"))	// мат - ошибка при написании марта
			{
				month = 3;
			}
			else
			if (month.startsWith("ап"))
			{
				month = 4;
			}
			else
			if (month.startsWith("май") || month.startsWith("мая"))
			{
				month = 5;
			}
			else
			if (month.startsWith("июн"))
			{
				month = 6;
			}
			else
			if (month.startsWith("июл"))
			{
				month = 7;
			}
			else
			if (month.startsWith("ав"))
			{
				month = 8;
			}
			else
			if (month.startsWith("с"))
			{
				month = 9;
			}
			else
			if (month.startsWith("о"))
			{
				month = 10;
			}
			else
			if (month.startsWith("н"))
			{
				month = 11;
			}
			else
			if (month.startsWith("д"))
			{
				month = 12;
			}
		}

		var dtp = null;
		if (!day)
		{
			day = now.getDate();
		}
		else
		if (day.trim && day.trim().startsWith("+"))
		{
			var str = day.trim();
			var N = 0;
			if (str == "+")
				N = 1;
			else
			if (str == "++")
				N = 2;
			else
			if (str == "+++")
				N = 3;
			else
			if (str == "++++")
				N = 4;
			else
			{
				str = str.substr(1);	// Убираем "+"
				N   = parseInt(str);
				if (isNaN(N))
					N = 0;
			}

			var afterDay = new Date(now.getTime() + N * 1000*3600*24);
			day = afterDay.getDate();

			month = afterDay.getMonth() + 1;
			h     = afterDay.getFullYear();
		}
		else
		// Если мы хотим, чтобы можно было ввести "пятница" и т.п.
		if (day.trim && isNaN(parseInt(day.trim())))
		{
			day = day.trim();
			var selectedDayOfWeek = now.getDay();

			breakDayLabel:
			for (var i = 0; i < daysOfWeek.length; i++)
			{
				var dayNameStarts = daysOfWeek[i];
				for (var j = 0; j < daysOfWeek.length; j++)
				{
					if (day.startsWith(dayNameStarts[j]))
					{
						// i - это день недели, начиная с 0, j - это представление этого дня недели
						// Т.к. день недели, начиная с нуля, то мы прибавляем к нему 1
						// Потому что getDay() даёт числа, начиная с 0, но воскресенье - это 0
						selectedDayOfWeek = i + 1;
						if (selectedDayOfWeek >= 7)
							selectedDayOfWeek = 0;

						break breakDayLabel;
					}
				}
			}

			// Первое число (день месяца), т.к. чтобы сработало "пят.октября"
			// нужно начинать сразу с первого числа этого месяца, а не с текущего
			var tmpDay = 1; // now.getDate()
			dtp = Date.parse(h + "." + month + "." + tmpDay + " " + hours + ":" + minutes);
			if (isNaN(dtp))
				dtp = Date.parse(h + "-" + month + "-" + tmpDay + " " + hours + ":" + minutes);

			dtp = new Date(dtp);
			var cntForError = 368;

			while (dtp.getDay() != selectedDayOfWeek || dtp.getTime() < now.getTime())
			{
				dtp = new Date(dtp.getTime() + 24*3600*1000);
				cntForError--;
				if (cntForError < 0)
				{
					dtp = null;
					break;
				}
			}
		}

		if (dtp == null || isNaN(dtp))
			dtp  = Date.parse(h + "." + month + "." + day + " " + hours + ":" + minutes);

		if (isNaN(dtp))
			dtp = Date.parse(h + "-" + month + "-" + day + " " + hours + ":" + minutes);

		var future = new Date(dtp).getTime();

		var mil = future - now.getTime();
		// Производим проверку, что это уже не на сегодня, а на завтра
		// Год не проверяем, т.к. он уже заполнен, да и неважно,
		// т.к. если год другой - то одни сутки не помогут
		if (mil < 0 && !m)
		{
			mil += 1000*3600*24;
		}

		addTimer_Mil(mil);

		addAbsDate.checked = false;
		addAbsDateClicked();
	}
	else
	{
		// Аналогичный код внизу в нескольких местах для сохранённых таймеров
		var h = parseFloat(document.getElementById("hours")  .value || 0);
		var m = parseFloat(document.getElementById("minutes").value || 0);
		var s = parseFloat(document.getElementById("seconds").value || 0);

		addTimer_Mil((h*3600 + m*60 + s)*1000);
	}

	document.getElementById("hours")  .value = '';
	document.getElementById("minutes").value = '';
	document.getElementById("seconds").value = '';
};

function addAbsDateClicked()
{
	var addAbsDate      = document.getElementById("addAbsDate");
	var addAbsDateLabel = document.getElementById("addAbsDateLabel");

	var h = document.getElementById("hours")  ;
	var m = document.getElementById("minutes");
	var s = document.getElementById("seconds");

	if (addAbsDate.checked)
	{
		addAbsDateLabel.textContent = "Абсолютная дата: год    день.месяц        часы:минуты";
		h.placeholder   = "год";
		m.placeholder   = "день.месяц";
		s.placeholder   = "часы:минуты";
		
		h.style["background-color"] = "yellow";
		m.style["background-color"] = "yellow";
		s.style["background-color"] = "yellow";
	}
	else
	{
		addAbsDateLabel.textContent = "Абсолютная дата";
		h.placeholder = "часы";
		m.placeholder = "минуты";
		s.placeholder = "секунды";

		h.style["background-color"] = "";
		m.style["background-color"] = "";
		s.style["background-color"] = "";
	}
};

function addTimer01()
{
	addTimer_Mil(1*60*1000);
};

function addTimer05()
{
	var text = document.getElementById("text").value;
	addTimer_Mil(5*60*1000);
};

function addTimer15()
{
	var text = document.getElementById("text").value;
	addTimer_Mil(15*60*1000);
};

function addTimer1()
{
	var text = document.getElementById("text").value;
	addTimer_Mil(60*60*1000);
};

function addTimer4()
{
	var text = document.getElementById("text").value;
	addTimer_Mil(4*60*60*1000);
};

function addTimer8()
{
	var text = document.getElementById("text").value;
	addTimer_Mil(8*60*60*1000);
};

function addTimer24()
{
	var text = document.getElementById("text").value;
	addTimer_Mil(24*60*60*1000);
};

var ID = 1;
function getNewId(timers)
{
	var id;
	if (!timers)
	{
		var ids = [];
		ids.push
		(
			{id: ID}
		);

		ids.push
		(
			{id: getNewId(timersObject.saved)}
		);

		ids.push
		(
			{ id: getNewId(timersObject.timers)}
		);

		id = getNewId(ids)
	}
	else
	{
		id = ID;
		for (var cur of timers)
		{
			if (cur.id >= id)
				id = cur.id + 1;
		}
	}

	ID = id + 1;
	return id;
};

function isSilent()
{
	if (silentEndTime > new Date().getTime())
		return true;

	return false;
}

var silentEndTime = 0;
function play(freq, time, volume, old)
{
	if (isSilent())
		return;

	if (!AC)
		onAudioLoad();

	if (!AC || soundRegime == SoundDisableRegime)
		return;

	/*
	audioSource = AC.createMediaElementSource(audio);
	audioSource.connect(gainNode).connect(AC.destination);
*//*
	wave = AC.createPeriodicWave(wavetable.real, wavetable.imag);
	osc  = AC.createOscillator();
    //osc.setPeriodicWave(wave);
	osc.type = 'sine';
    osc.frequency.value = freq ? freq : 261.626;
    osc.connect(gainNode).connect(AC.destination);

	osc.start();
	osc.stop(AC.currentTime + 0.99);
*/
	// i * qw = 2PI
	// i*440*Math.PI*2/AC.sampleRate = Math.PI*2
	// i*440/AC.sampleRate = 1
	// i*440/AC.sampleRate = 1
	// i = AC.sampleRate / 440;

	freq     = freq ? freq : 261.626;
	var qw   = freq*Math.PI*2/AC.sampleRate;
	// Ячеек массива в одном периоде
	var T    = Math.PI*2 / qw;
	time     = time   ? time   : 1.0;
	volume   = volume ? volume : 1.0;
	var bufferSize = Math.round(Math.floor(AC.sampleRate/T*time)*T);

	var min = function (val, constraint)
	{
		if (val > constraint)
			return constraint;
		if (val < -constraint)
			return -constraint;

		return val;
	};

	var buffer = AC.createBuffer(1, bufferSize, AC.sampleRate);
	var data = buffer.getChannelData(0);
	var CS   = 500.0;
	var CS2  = 1.0;
	for (var i = 0; i < bufferSize; i++)
	{
		if (old)
		{
			if (old == 1)
				data[i] = volume * Math.sin(i * qw);
			else
			if (old == 2)
				data[i] = volume * min(CS2*Math.sin(i * qw) + CS2/2.0*Math.sin(i * qw*2) + CS2*Math.sin(i * qw/2), 1.0);
		}
		else
		{
			data[i] = volume * min(CS*Math.sin(i * qw) + CS*Math.sin((i + 5) * qw/4) + CS*Math.sin((i + 500) * qw/2), 1.0);
		}
	}

/*
	for (var i = 0; i < bufferSize; i++)
	{
		data[i] += Math.sin(i*2 * qw) / 4;
	}
*/
	var noise = AC.createBufferSource();
	noise.buffer = buffer;
	noise.connect(gainNode).connect(AC.destination);
	noise.start();
};

function loadSoundRegime()
{
	try
	{
		var soundRegime = localStorage.getItem(timerStorageName + '.soundRegime');
		if (typeof(soundRegime) != "undefined" && soundRegime)
		{
			soundRegimeObject = JSON.parse(soundRegime);

			var btn = document.getElementById("defer1");
			if (!soundRegimeObject.DeferTime)
				soundRegimeObject.DeferTime = 1;

			btn.value = soundRegimeObject.DeferTime + " мин.";

			document.getElementById("ResourceSavingMode").checked = soundRegimeObject.isResourceSavingMode;
		}
	}
	catch (e)
	{
		console.error(e);
	}
}

function saveSoundRegime()
{
	calcResourceSavingMode();
	localStorage.setItem(timerStorageName + '.soundRegime', JSON.stringify(soundRegimeObject));
}


function getSoundRegime()
{
	loadSoundRegime();

	return soundRegimeObject.soundRegime || 0;
}

function setSoundRegime(value)
{
	soundRegimeObject.soundRegime = value;
	saveSoundRegime();
}

function getGainVal()
{
	loadSoundRegime();

	return getGainVal1() * getGainVal2();
};

function getGainVal1()
{
	return soundRegimeObject.gainVal ? soundRegimeObject.gainVal : 0.16;
};

function getGainVal2()
{
	return soundRegimeObject.gainVal2 ? soundRegimeObject.gainVal2 : 0.4;
};

function setGainVal(value, val2)
{
	soundRegimeObject.gainVal  = value;
	soundRegimeObject.gainVal2 = val2;

	saveSoundRegime();
};

function setGainValToHtml(gainVal)
{
	var gv = document.getElementById("gainVal");
	gv.textContent = gainVal.toFixed(4);

	gv  = document.getElementById("volume1");
	gv2 = document.getElementById("volume2");

	gv2.value = getGainVal2();
	gv .value = gainVal / getGainVal2();
}

function onAudioLoad()
{
	AC = new AudioContext();

	if (AC == null)
		return null;

	var gainVal = getGainVal();

	gainNode = AC.createGain();
	gainNode.gain.value = gainVal;

	setGainValToHtml(gainVal);

	wavetable =
	{
		'real': [
					1.000000/*,
					-0.000000,
					-0.203569,
					0.500000,
					-0.401676,
					0.137128,
					-0.104117,
					0.115965,
					-0.004413,
					0.067884,
					-0.008880,
					0.079300,
					-0.038756,
					0.011882,
					-0.030883,
					0.027608,
					-0.013429,
					0.003930*/
				],
		'imag': [
					1.000000/*,
					0.147621,
					-0.000001,
					0.000007,
					-0.000010,
					0.000005,
					-0.000006,
					0.000009,
					-0.000000,
					0.000008,
					-0.000001,
					0.000014,
					-0.000008,
					0.000003,
					-0.000009,
					0.000009,
					-0.000005,
					0.000002*/
				]
	};

	// hideAlert();
	playNull();

	return !!AC;
};


function makeDeferChangeInterval()
{
	if (isNaN(soundRegimeObject.DeferTime))
		soundRegimeObject.DeferTime = 1;

	soundRegimeObject.DeferTime++;
	if (soundRegimeObject.DeferTime > 6)
	{
		soundRegimeObject.DeferTime++;
	}

	if (soundRegimeObject.DeferTime > 11)
	{
		soundRegimeObject.DeferTime = 1;
	}
	
	var btn = document.getElementById("defer1");
	btn.value = soundRegimeObject.DeferTime + " мин.";

	saveSoundRegime();
}

function makeDefer()
{
	var DeferTime = soundRegimeObject.DeferTime;

	var minute = 1000 * 60; // Одна минута
	var now    = new Date().getTime();
	var first  = now + minute * DeferTime;
	for (var cur of timersObject.timers)
	{
		if (cur.Important)
			continue;

		if (cur.stopped || cur.endL < first)
		{
			cur.endL     = first;
			cur.deferred = true;
			cur.stopped  = false;

			first += minute * DeferTime;

			// Удаляем уведомления
			try
			{
				var notification = notificationObjects[cur.id];
				if (notification instanceof Notification)
				{
					notification.deleted = true;
					notification.close();
					delete notificationObjects[cur.id];
				}
			}
			catch (e)
			{
				console.error(e);
			}
		}
	}

	saveTimers();
	drawTimers();
}


function addNull(str)
{
	str = '' + str;

	if (str.length == 1)
		return '0' + str;

	return str;
}

function formatDate(date)
{
	var str = 	addNull(date.getUTCHours())
		+ ':' + addNull(date.getUTCMinutes())
		+ ':' + addNull(date.getUTCSeconds());

	var days = date.getTime() / (24*3600*1000);
	if (days >= 1.0)
	{
		days = Math.floor(days);
		str = days + " дн. " + str;
	}

	return str;
}

function formatDateMinimal(date)
{
	var h = date.getUTCHours();
	var m = date.getUTCMinutes();
	var s = date.getUTCSeconds();
	var str = '';

	if (h > 0 || m > 0 || s > 0)
	{
		str = addNull(s);
	}
	else
	if (days == 0)
	{
		str = addNull(s);
	}

	if (h > 0 || m > 0)
	{
		str = addNull(m) + ":" + str;
	}

	if (h > 0)
	{
		str = addNull(h) + ":" + str;
	}

	var days = date.getTime() / (24*3600*1000);
	if (days >= 1.0)
	{
		days = Math.floor(days);
		str = days + " дн. " + str;
	}

	return str;
}

function formatTime(date)
{
	var str = 	addNull(date.getHours())
		+ ':' + addNull(date.getMinutes())
		+ ':' + addNull(date.getSeconds());

	return str;
}

var lastDateOfPlay = false;
var ImportantPlay  = false;

var lastInterval = 0;
function interval()
{
	var now     = new Date().getTime();
	var difMin  = 24*60*60*1000;
	var minText = 'Таймер';

	// Пропускаем интервал, если он ещё не истёк (нужно для замедленного режима)
	if (now - lastInterval < last_interval_time)
		return;

	lastInterval = now;

	var btn = document.getElementById("silent");
	btn.value = "откл. 1 минута";

	if (silentEndTime > now)
	{
		var dt = new Date(silentEndTime - now);

		btn.value = "отключено " + addNull(dt.getUTCMinutes()) + ":" + addNull(dt.getUTCSeconds());
	}

	var isPlay    = false;
	ImportantPlay = false;
	for (var cur of timersObject.timers)
	{
		var tid = cur.id;

		var tt = document.getElementById('timer-' + tid + '-t');
		var dif = cur.end - now;

		if (dif <= 0 || cur.deferred)
		{
			if (cur.stopped !== true && cur.endL < now)
			{
				cur.deferred = false;
				cur.stopped  = true;
				cur.played   = 0;
				cur.playedA  = 0;

				try
				{
					var textElement = document.getElementById("text");
					if (!textElement.value)
					{
						textElement.value = cur.text;
						var importantElement = document.getElementById("important");
						importantElement.checked = cur.Important;
					}
				}
				catch (e)
				{
					console.error(e);
				}

				if (cur.deferred != true)
					MakeNotification(cur, cur.text);

				// Если третий режим, то сбрасываем таймер звуков,
				// чтобы новый пользовательский таймер смог снова прозвучать
				if (soundRegime == 3)
				{
					lastDateOfPlay   = Date.now();
					playObject.pause = 0;
				}

				saveTimers();
				drawTimers();
			}

			tt.textContent = '00:00:00';

			var tm = document.getElementById('timer-' + tid + '-del');

			if (cur.deferred)
			{
				tm.style.backgroundColor = '#8888FF';
			}
			else
			if (cur.color && cur.color > 0)
			{
				tm.style.backgroundColor = 'yellow';
				cur.color = -1;
			}
			else
			{
				tm.style.backgroundColor = 'red';
				cur.color = 1;
			}

			cur.end = new Date(now + 1000).getTime();
		}

		var end = new Date(dif);

		// Иначе это уже остановленный таймер
		if (cur.stopped !== true || cur.Important)
		{
			if (cur.stopped !== true)
				tt.textContent = formatDate(new Date(cur.endL - now));

			if (isTimerToDelete(cur))
			{
				var tdel = document.getElementById('timer-' + tid + '-del');
				tdel.textContent = "Точно удалить?";
			}
			else
			{
				if (cur.toDelete)
				{
					var tdel = document.getElementById('timer-' + tid + '-del');
					tdel.textContent = "Удалить";
				}

				cur.toDelete = false;
			}
		}

		if (dif < difMin || cur.stopped && difMin > 0)
		{
			if (cur.stopped && dif > 0)
				dif = 0;

			difMin = dif;
			if (cur.stopped !== true)
				minText = tt.textContent;
			else
			{
				minText = (cur.color > 0 ? '! ' : '') + cur.text;
			}
		}

		// Если есть хотя бы один остановленный таймер, нужно отметить, что есть звук
		if (cur.stopped === true)
		{
			isPlay = true;
			if (cur.Important)
			{
				ImportantPlay = true;
				// Делаем дополнительное сообщение, если таймер важный
				MakeNotification(cur, cur.text);
			}
			else
			{
				// var notification = notificationObjects[cur.id];
				// if (  !(notification instanceof Notification)  )

                // Делаем дополнительное сообщение
                // Функция сама решает, нужно его делать или нет,
                // и через какой интервал времени
                MakeNotification(cur, cur.text);
			}

			// Устанавливаем дату первого запроса именно здесь,
			// т.к. выше после перезагрузки страницы уже может не сработать условие !stopped,
			// т.к. таймер уже остановлен
			if (lastDateOfPlay === false)
				lastDateOfPlay = Date.now();
		}
	}

	document.title = minText;
	setIntervalsWidth();

	var timeBox = document.getElementById("timeBox");
	timeBox.textContent = formatTime(new Date());


	// drawTimersShorts работает долго, если будет вызываться каждый раз
	// то элементы могут перестать реагировать на клики пользователя
	if (lastToDeleteSavedTimer !== false)
	if (new Date().getTime() - lastToDeleteSavedTimer >= timerToDeleteInterval)
	{
		setTimeout
		(
			function()
			{
				updateDeleteTextForTimersShorts();
			},
			0
		);
	}

	if (!isPlay)
		lastDateOfPlay = false;

	playGeneral();
};

var lastPlaySound = 0;	// Это дата, когда звук заканчивается
var playObject = 
					{
						state: 0,
						pause: 0
					};

function playGeneral()
{
	var lastTime = Date.now() - lastPlaySound;

	if (!lastDateOfPlay)
	{
		// Если звук уже прошёл, сбрасываем на ноль, чтобы в следующий раз снова начать с большого интервала
		if (lastTime >= 0)
		{
			lastPlaySound = 0;
		}
		playObject.state = 0;
		playObject.pause = 0;

		return;
	}

	var t      = ImportantPlay ? 1 : soundRegimeObject.DeferTime;
	var Urgent = Date.now() - lastDateOfPlay;

	// Звук ещё звучит
	if (lastTime < 0)
		return;

	if (Date.now() < playObject.pause)
		return;

	// Обычный звук
	if (soundRegime == 0)
	{
		if (Urgent < 30*1000)
		{
			if (playObject.state == 0)
			{
				play(undefined, undefined, 0.5);
				playObject.state = 1;
				lastPlaySound = Date.now() + 1000;

				return;
			}

			if (lastTime > 9000)
			{
				play();

				lastPlaySound = Date.now() + 1000;
			}
		}
		else
		if (Urgent > t*60*1000)
		{
			var vol = 1.0;
			if (playObject.state == 0)
			{
				vol = 2.0;
			}
			else
			if (playObject.state > 5)
			{
				playObject.state = -1;
			}

			play(130.813, 2.0, vol, 2);
			lastPlaySound    = Date.now() + 2000;
			playObject.pause = Date.now() + 15*1000;

			playObject.state++;
		}
		else
		{
			// https://soundprogramming.net/file-formats/midi-note-frequencies/
			if (playObject.state <= 0)
				play(440);
			else
			if (playObject.state == 1)
				play(415.305);
			else
			if (playObject.state == 2)
			{
				playObject.pause = Date.now() + 7000;
			}
			else
			if (playObject.state == 3)
				play(349.228);
			else
			if (playObject.state == 4)
				play(329.628);
			else
			if (playObject.state == 5)
			{
				playObject.pause = Date.now() + 30*1000;
			}

			playObject.state++;
			if (playObject.state > 5)
			{
				playObject.state = 0;
			}

			lastPlaySound = Date.now() + 1000;
			return true;
		}
	}
	else
	// Приглушённый звук
	if (soundRegime == 1 || soundRegime == 2)
	{
		play(0, 1.0, 1.0, soundRegime == 2 ? 1 : 0);

		if (playObject.state == 0)
		{
			playObject.pause = Date.now() + 2*1000;
		}
		else
		if (playObject.state == 1)
		{
			playObject.pause = Date.now() + 15*1000;
		}
		else
		{
			playObject.state = -1;
			/*if (Urgent > 2*60*1000)
				playObject.pause = Date.now() + 60*1000;
			else
				playObject.pause = Date.now() + 30*1000;*/
            playObject.pause = Date.now() + t*60*1000;
		}

		playObject.state++;
	}
	else
	if (soundRegime == 3)
	{
        // Urgent обеспечивает только два гудка: 30 - это запас
		if (Urgent <= (30 + 60)*1000 || ImportantPlay)
		{
			play();
			playObject.pause = Date.now() + 60*1000;
		}
	}
}

function onClickToTimer(Element, text, timer)
{
	return function()
	{
		var textElement = document.getElementById("text");
		textElement.value = text;

		var IE = document.getElementById("important");
		if (!IE.checked)
			IE.checked = timer.Important;

		hideAlert();
	};
};

function getDateWithoutTime(date)
{
	var dtp = Date.parse(date.getFullYear() + "." + (date.getMonth() + 1) + "." + date.getDate() + " 00:00");

	if (isNaN(dtp))
		dtp = Date.parse(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " 00:00");

	return dtp;
}

function onClickToSavedTimer(Element, timer, addImmediately, timerType)
{
	return function(mouseEvent)
	{
		hideAlert();

		var textElement = document.getElementById("text");
		var val         = timer.name;

		if (timerType == 2)
		if (textElement.value)
			val = textElement.value;

		if (addImmediately || mouseEvent.shiftKey)
		{
			var isImportant = timer.Important;
			if (timer.isInterval || !isImportant)
				isImportant = document.getElementById("important").checked;

			// addTimer(id, milliSeconds, text, isEnd, fromSave, ImportantTimer)
			var id = getNewId();
			if (timer.isExactlyTime)
			{
				var mil = 1000*(timer.h*3600 + timer.m*60 + timer.s);
				var now = new Date();
				var dtp = new Date(getDateWithoutTime(now) + mil);

				if (now.getTime() > dtp.getTime())
					dtp = new Date(dtp.getTime() + 24*3600*1000);

				addTimer(id, dtp.getTime(), val, true, false, isImportant);
			}
			else
			{
				addTimer(id, 1000*(timer.h*3600 + timer.m*60 + timer.s), val, false, false, isImportant);
			}

			// Контекстное меню не должно появится (здесь - от клика на таймер)
			mouseEvent.preventDefault();
			return true;
		}

		if (timerType != 2)
		if (timer.name)
			textElement.value = timer.name;

		if (timer.isExactlyTime)
		{
			document.getElementById("addAbsDate").checked = true;

			if (timer.h)
				document.getElementById("hours")  .value = "";

			if (timer.m)
				document.getElementById("minutes").value = "";

			document.getElementById("seconds").value = timer.h + ":" + timer.m;
		}
		else
		{
			document.getElementById("addAbsDate").checked = false;

			if (timer.h)
				document.getElementById("hours")  .value = timer.h || "";

			if (timer.m)
				document.getElementById("minutes").value = timer.m || "";

			if (timer.s)
				document.getElementById("seconds").value = timer.s || "";
		}
		addAbsDateClicked();

		var IE = document.getElementById("important");
		if (!IE.checked)
			IE.checked = timer.Important;

		// Контекстное меню не должно появится (здесь - от интервала)
		mouseEvent.preventDefault();
	};
};

function drawTimer(timer)
{
	var main = document.getElementById("main");
	var now  = new Date();

	var div  = document.createElement("div");
	div.id   = 'timer-' + timer.id;
	main.appendChild(div);

	var te   = document.createElement("div");
	div.appendChild(te);
	te.textContent = timer.text;
	te.addEventListener('click', onClickToTimer(te, timer.text, timer));
	// te.style.marginLeft = '5%';

	var tc = document.createElement("div");
	div.appendChild(tc);

	var tt = document.createElement("span");
	tc.appendChild(tt);
	tt.id = 'timer-' + timer.id + "-t";

	var tend = document.createElement("span");
	tc.appendChild(tend);
	tend.id = 'timer-' + timer.id + "-end";
	tend.textContent = new Date(timer.endL).toLocaleString();
	tend.style.marginLeft = '10%';
	if (timer.endS && timer.endS != timer.endL)
	{
		tend.textContent = new Date(timer.endS).toLocaleString() + "\t" + tend.textContent;

		if (now.getTime() > timer.endS)
			tend.style.backgroundColor = "#FF8888";
	}

	var tdeldiv = document.createElement("div");
	div.appendChild(tdeldiv);
	tdeldiv.style.marginBottom = '30px';
	tdeldiv.style.marginTop = '15px';

	var tdel = document.createElement("span");
	tdeldiv.appendChild(tdel);
	tdel.tid = timer.id;
	tdel.textContent = "Удалить";
	tdel.addEventListener('click', deleteTimer);
	tdel.id = 'timer-' + timer.id + "-del";
	
	if (isTimerToDelete(timer))
	{
		tdel.textContent = "Точно удалить?";
	}
	else
	{
		timer.toDelete = false;
	}

	var tImportant = document.createElement("span");
	tdeldiv.appendChild(tImportant);
	tImportant.tid = timer.id;
	tImportant.textContent = timer.Important ? "Важная" : "Не важная";
	tImportant.style.color = timer.Important ? "#000000" : "#558855";
	tImportant.addEventListener('click', importantTimer);
	tImportant.id = 'timer-' + timer.id + "-imp";
	tImportant.style.marginLeft = '2%';


	var hr = document.createElement("hr");
	div.appendChild(hr);
}

var timerToDeleteInterval = 10*1000;
function isTimerToDelete(timer)
{
	if (!timer.toDelete)
		return false;

	return new Date().getTime() - timer.toDelete <= timerToDeleteInterval;
}

function saveTimers()
{
	localStorage.setItem(timerStorageName, JSON.stringify(timersObject));
};

function MergeTimers(text)
{
	var success = true;
	try
	{
		if (typeof(text) == "undefined" || !text)
		{
			return false;
		}

		try
		{
			var t = JSON.parse(text);
			if (!t || !t.timers || !t.saved)
				return false;
		}
		catch (e)
		{
			console.error(e);
			return false;
		}

		for (var cur of t.timers)
		{
			try
			{
				var found = false;
				for (var s of timersObject.timers)
				{
					if (s.name == cur.name && s.end == cur.end)
					{
						found = true;
						break;
					}
				}

				if (!found)
					addTimer(getNewId(), cur.end, cur.text, true, true);
			}
			catch (e)
			{
				success = false;
				console.error(e);
			}
		}

		for (var cur of t.saved)
		{
			try
			{
				var found = false;
				for (var s of timersObject.saved)
				{
					if (s.isInterval != cur.isInterval)
						continue;

					if (cur.isInterval)
					{
						if (s.totalSeconds == cur.totalSeconds)
						{
							found = true;
							break;
						}
					}
					else
					if (s.name == cur.name)
					{
						found = true;
						break;
					}
				}

				if (!found)
					addSavedTimer(0, cur.h, cur.m, cur.s, cur.name, cur.isInterval, false, cur.isControlTask, cur.Important, { isExactlyTime: cur.isExactlyTime } );
			}
			catch (e)
			{
				success = false;
				console.error(e);
			}
		}
	}
	catch (e)
	{
		console.error(e);
		return false;
	}

	saveTimers();
	drawTimers();

	return success;
}

function isHighestPriority(a, b)
{
	if (!a.stopped && b.stopped)
		return true;

	if (a.stopped && b.stopped)
	{
		if (!a.Important && b.Important)
			return true;

		if (a.Important && !b.Important)
			return false;
	}

	if (a.endS ? (a.endS > b.endS) : (a.endL > b.endL))
		return true;

	return false;
}

function drawTimersGeneral()
{
	var main = document.getElementById("main");
	main.textContent = "";

	var timersFromStorage = localStorage.getItem(timerStorageName);
	if (typeof(timersFromStorage) != "undefined" && timersFromStorage)
	{
		var t = JSON.parse(timersFromStorage);
		if (t && t.timers)
		{
			t = t.timers;
			for (var i = 0; i < t.length; i++)
			{
				for (var j = i + 1; j < t.length; j++)
				{
					if (isHighestPriority(t[i], t[j]))
					{
						var ai = t[i];
						var aj = t[j];
						t[i] = aj;
						t[j] = ai;
					}
				}
			}

			timersObject.timers = [];
			for (var cur of t)
			{
				//addTimer(cur.id, cur.end, cur.text, true, true);
				addTimerObject(cur);
				drawTimer(cur);
			}
		}
		else
		{
			timersObject.timers = [];
		}
	}
}

function drawTimers()
{
	try
	{
		drawTimersGeneral();
	}
	catch (e)
	{
		console.error(e);
	}

	drawTimersShorts();
};

function hideAlert()
{
	document.getElementById("alert").style.display = 'none';
	playNull();
};

function playNull()
{
	play(440, 0.1, 0.01);
}

function getSoundRegimeText(soundRegime)
{
	return SoundRegimeText[soundRegime];
}

function MakeNotification(timer, header, text)
{
	try
	{
		// На всякий случай проверяем, что нет другого уведомления
		var oldNotification = notificationObjects[timer.id];

		if (oldNotification instanceof Notification)
		{
            // Вычисляем время, через которое нужно заново вывести уведомление
            // Для важных задач - 1 минута; для неважных это время, указанное в кнопке
            // на отложение задач: soundRegimeObject.DeferTime
            var t = timer.Important ? 1 : soundRegimeObject.DeferTime;

			// Если не прошло нужного времени со времени последнего появления уведомления,
			// то ничего не делаем
			if (new Date().getTime() - oldNotification.started < t * 60 * 1000)
			{
				return;
			}

			try
			{
				// Устанавливаем флаг того, что удаление будет произведено вручную
				// Чтобы не удалять ещё раз в событии close
				oldNotification.deleted = true;
				oldNotification.close();
			}
			catch (e)
			{
				console.error(e);
			}
			delete notificationObjects[timer.id];
		}

		var notification = new Notification
								(
									header,
									{
										body: 				text || 'Таймер активен',
										requireInteraction: true,
										vibrate: 			[300, 2500, 500]
									}
								);
        
        notification.started = new Date().getTime();

		notificationObjects[timer.id] = notification;
		notification.addEventListener
		(
			'click',
			function(event)
			{
				var timers = timersObject.timers;
				for (var curI = 0; curI < timers.length; curI++)
				{
					var cur = timers[curI];
					if (cur.id == timer.id)
					{
						window.focus();

						if (cur.Important)
							return;
					}
				}

                // Устанавливаем новый timestamp, чтобы было понятно, когда мы закрыли уведомление и отсчёт минуты происходил уже от него
                // Иначе будут проблемы с тем, что только что закрытое уведомление будет снова появляться через несколько секунд (если пользователь долго не закрывал уведомление)
                notification.started = new Date().getTime();
                
                // Так как произошла активность пользователя, сбрасываем таймер последнего звучания сирены
                // var t = timer.Important ? 1 : soundRegimeObject.DeferTime;
                playObject.pause = Date.now() + 60*1000;

				notification.deleted = true;
				notification.close();
				// Не будем удалять, просто закроем таймер
				// Это нужно, чтобы он заново не открывался, если по нему именно кликнули
				// delete notificationObjects[timer.id];
				window.focus();
			},
			false
		);

		notification.addEventListener
		(
			'close',
			function(event)
			{
                // см. выше в onclick
                // onclick не всегда срабатывает в зависимости от браузера и настроек
                notification.deleted = true;
                notification.started = new Date().getTime();

                // var t = timer.Important ? 1 : soundRegimeObject.DeferTime;
                playObject.pause = Date.now() + 60*1000;

				// Удаляем все старые таймеры
				// На всякий случай, удаляем только те, что держатся более часа
				// Остальные оставляем, чтобы можно было понять,
				// что они отображались, но были закрыты
				var timers = timersObject.timers;
				var now    = new Date().getTime();
				for (var curI = 0; curI < timers.length; curI++)
				{
					var oldNotification = notificationObjects[  timers[curI].id  ];

					try
					{
						if (oldNotification.deleted)
						if (now - oldNotification.timestamp > 3600 * 1000)
						{
							delete notificationObjects[timer.id];
						}
					}
					catch
					{}
				}
			},
			false
		);
	}
	catch
	{}
}

// https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
function InitializeNotification()
{
	try
	{
		var timersFromStorage = localStorage.getItem(timerStorageName);
		if (typeof(timersFromStorage) != "undefined" && timersFromStorage)
		{
			var t = JSON.parse(timersFromStorage);
			if (t && timersFromStorage.notifications)
				timersObject.notifications = timersFromStorage.notifications;

			if (!timersObject.notifications)
				timersObject.notifications = {};
		}

		if (Notification.permission != 'granted')
		{
			Notification.requestPermission().then
			(
				function(result)
				{
					if (!timersObject.notifications)
						timersObject.notifications = {};

					timersObject.notifications.permission = result;	// 'granted', 'denied', 'default'
					saveTimers();
				}
			);
		}
	}
	catch
	{}
}

function addSavedTimer(id, h, m, s, timerName, savedInterval, toDelete, isControlTask, isImportant, options)
{
	if (!timersObject.saved)
		timersObject.saved = [];

	var seconds = h*3600 + m*60 + s;
	var date = new Date(seconds*1000);
	if (savedInterval)
	{
		timerName = formatDateMinimal(date);
	}

	var isExactlyTime = false;
	if (options)
	if (options.isExactlyTime)
	{
		isExactlyTime = options.isExactlyTime;
	}

	var newTimer =
		{
			h:  h,
			m:  m,
			s:  s,
			id: id || getNewId(),

			totalSeconds:  seconds,
			name:          timerName,
			timeVal:       formatDate(date),
			isInterval:    savedInterval,
			toDelete:      toDelete || false,
			isControlTask: isControlTask || false,
			Important:     isImportant,
			isExactlyTime: isExactlyTime
		};

	timersObject.saved.push(newTimer);

	return newTimer;
}

var nameOfControlTaskAlertNode = 'ControlTasks-NotRepresented';
function drawSavedTimer(timer)
{
	// var main = document.getElementById("timersShort");
	var main = timer.isControlTask === true ? document.getElementById("ControlTasks") : document.getElementById("timersShort");

	var div  = document.createElement("div");
	div.id   = 'savedtimer-' + timer.id;
	main.appendChild(div);

	var te   = document.createElement("div");
	div.appendChild(te);
	te.textContent = timer.name;
	te.addEventListener('click',       onClickToSavedTimer(te, timer, false));
	te.addEventListener('contextmenu', onClickToSavedTimer(te, timer, true ));
	// te.style.marginLeft = '5%';
	if (timer.Important)
	{
		te.style['background-color'] = '#FFAA88';
	}

	var tc = document.createElement("div");
	div.appendChild(tc);

	var tt = document.createElement("span");
	tc.appendChild(tt);
	tt.id = 'timer-' + timer.id + "-t";

	if (timer.totalSeconds > 0)
	{
		var tend = document.createElement("span");
		tc.appendChild(tend);
		tend.id = 'timer-' + timer.id + "-end";

		if (timer.isExactlyTime)
		{
			tend.textContent = " " + addNull(timer.h) + ":" + addNull(timer.m) + " ";
			tend.style['background-color'] = '#FFFFFF';
		}
		else
		{
			tend.textContent = formatDate(new Date(timer.totalSeconds*1000));
		}
		//tend.style.marginLeft = '10%';
	}

	var tdeldiv = document.createElement("div");
	div.appendChild(tdeldiv);
/*	tdeldiv.style.marginBottom = '30px';
	tdeldiv.style.marginTop = '15px';
*/
	// span - чтобы "Удалить" не растягивалась на всю страницу по ширине
	var tdel = document.createElement("span");
	tdeldiv.appendChild(tdel);
	tdel.tid = timer.id;
	tdel.textContent = "Удалить";
	tdel.addEventListener('click', deleteSavedTimer);
	tdel.id = 'timer-' + timer.id + "-del";

	if (isTimerToDelete(timer))
	{
		tdel.textContent = "Точно удалить?";
	}
	else
	{
		timer.toDelete = false;
	}

	var hr = document.createElement("hr");
	div.appendChild(hr);

	if (timer.isControlTask === true)
	{
		var isNotRepresented = true;
		var timers = timersObject.timers;
		for (var curI = 0; curI < timers.length; curI++)
		{
			var cur = timers[curI];
			if (cur.text == timer.name)
			{
				isNotRepresented = false;
				break;
			}
		}

		if (isNotRepresented)
		{
			div.style["background-color"] = "yellow";

			var el = document.getElementById(nameOfControlTaskAlertNode);
			var tn = document.getElementById("timersName");

			if (!el)
			{
				el    = document.createElement("div");
				el.id = nameOfControlTaskAlertNode;
				el.style["background-color"] = "yellow";
				el.textContent = "В списке таймеров не хватает задач из контрольного списка";

				tn.parentNode.insertBefore(el, tn);
			}

			// el.textContent += "\r\n" + timer.name;
			var ctel = document.createElement("div");
			el.appendChild(ctel);
			ctel.textContent = timer.name;
			ctel.addEventListener
			(
				'click',
				function()
				{
					document.getElementById("text").value = this.textContent;
				}
			);
		}
	}
}

function drawSavedInterval(timer)
{
	var main = document.getElementById("timersIntervalShort");

	var div  = document.createElement("span");
	div.id   = 'savedtimer-' + timer.id;
	div.classList.add('nowrap');
	main.appendChild(div);

	var te   = document.createElement("input");
	te.type = "button";
	div.appendChild(te);
	te.value = timer.name;
	te.addEventListener('click',       onClickToSavedTimer(te, timer, true , 2));
	te.addEventListener('contextmenu', onClickToSavedTimer(te, timer, false, 2));
	// te.style.marginLeft = '5%';

	var tdel = document.createElement("input");
	tdel.type = "button";
	div.appendChild(tdel);
	tdel.tid = timer.id;
	tdel.value = "X";
	tdel.style["background-color"] = "red";
	tdel.addEventListener('click', deleteSavedTimer);
	tdel.id = 'timer-' + timer.id + "-del";

	if (isTimerToDelete(timer))
	{
		tdel.value = "Удалить?";
	}
	else
	{
		timer.toDelete = false;
	}

	var hr = document.createElement("span");
	hr.textContent = " ";
	main.appendChild(hr);
}

function setIntervalsWidth()
{
	var main      = document.getElementById("timersShort");
	var intervals = document.getElementById("timersIntervalShort");

	intervals.style.width = (document.body.clientWidth - main.clientWidth) + 'px';
}

// Эта функция работает быстро, поэтому нет проблем с тем, что таймер может не реагировать при его перерисовке
function updateDeleteTextForTimersShorts()
{
	lastToDeleteSavedTimer = false;	// см. drawTimersShorts
	for (var cur of timersObject.saved)
	{
		var te = document.getElementById('timer-' + cur.id + "-del");
		if (isTimerToDelete(cur))
		{
			if (cur.isInterval)
			{
				te.value = "Удалить?";
			}
			else
			{
				te.textContent = "Точно удалить?";
			}
		}
		else
		{
			cur.toDelete = false;

			if (cur.isInterval)
			{
				te.value = "X";
			}
			else
			{
				te.textContent = "Удалить";
			}
		}

		// Устанавливаем необходимость перерисовки таймеров, если это необходимо
		if (cur.toDelete)
			lastToDeleteSavedTimer = cur.toDelete;

	}
}

function drawTimersShorts()
{
	var main = document.getElementById("timersShort");
	main.textContent = "";
	
	var CT = document.getElementById("ControlTasks");
	CT.textContent = "";
	
	var CT_alert = document.getElementById(nameOfControlTaskAlertNode);

	if (CT_alert)
	{
		CT_alert.parentNode.removeChild(CT_alert);
	}

	var intervals = document.getElementById("timersIntervalShort");
	intervals.textContent = "";

	// Чтобы таймеры постоянно не перерисовывались, очищаем lastToDeleteSavedTimer
	lastToDeleteSavedTimer = false;

	var isControlTask = false;

	var timersFromStorage = localStorage.getItem(timerStorageName);
	if (typeof(timersFromStorage) != "undefined" && timersFromStorage)
	{
		var t = JSON.parse(timersFromStorage);
		if (t && t.saved)
		{
			t = t.saved;
			if (t)
			{
				for (var i = 0; i < t.length; i++)
				{
					for (var j = i + 1; j < t.length; j++)
					{
						if (t[i].totalSeconds > t[j].totalSeconds)
						{
							var ai = t[i];
							var aj = t[j];
							t[i] = aj;
							t[j] = ai;
						}
					}
				}

				timersObject.saved = [];
				for (var cur of t)
				{
					var newTimer = addSavedTimer(cur.id, cur.h, cur.m, cur.s, cur.name, cur.isInterval, cur.toDelete, cur.isControlTask, cur.Important, { isExactlyTime: cur.isExactlyTime });

					if (cur.isControlTask && !isControlTask)
					{
						isControlTask = true;
						var div  = document.createElement("div");
						div.id   = 'isControlTask-separator';
						div.textContent = "Контрольные задачи";

						CT.appendChild(document.createElement("hr"));
						CT.appendChild(div);
						CT.appendChild(document.createElement("hr"));
					}

					if (newTimer.isInterval)
						drawSavedInterval(newTimer);
					else
						drawSavedTimer(newTimer);

					// Устанавливаем необходимость перерисовки таймеров, если это необходимо
					// Делаем это после прорисовки,
					// потому что при прорисовке устаревшие значения toDelete удаляются
					if (newTimer.toDelete)
						lastToDeleteSavedTimer = newTimer.toDelete;

				}
			}
		}
		else
		{
			timersObject.saved = [];
		}
	}

	setTimeout(setIntervalsWidth, 0);
};

function doCloseAllNotifications()
{
	for (var notification in notificationObjects)
	{
		if (notification instanceof Notification)
		{
			notification.close();
		}
	}
}

function doClearAllTimers()
{
	if (!confirm("Вы действительно хотите полностью очистить страницу?\n(будут удалены все объекты: и таймеры, и контрольные задачи, и типовые таймеры и интервалы)"))
		return;

	doCloseAllNotifications();
	notificationObjects = {};

	timersObject = 
	{
		timers: [],
		saved:  []
	};

	soundRegimeObject = getDefaultSoundRegime();

	saveSoundRegime();
	loadSoundRegime();
	setGainValToHtml(  getGainVal()  );
	onAudioLoad();		// Без этого не будут изменены значения непосредственно в звуковом контексте

	saveTimers();
	drawTimers();
};

function set_beforeunload_eventHandler()
{
/*	window.addEventListener
	(
		"beforeunload",
		function()
		{
			doCloseAllNotifications();
			return false;
		}
	);*/
}


window.onload = function()
{
	window.addEventListener
	(
		"click",
		set_beforeunload_eventHandler
	);

	if (document.location.search)
	{
		// Определяем имя хранилища таймеров
		var s = document.location.search.match(/name=([^&]*)/);
		if (s && s.length == 2)
		{
			timersName = s[1];
			if (timersName)
			{
				timerStorageName = timerStorageNameConst + timersName;

				var timersNameElement = document.getElementById("timersName");
				timersNameElement.textContent = "Имя хранилища таймеров: " + timersName;
			}
		}

		// Определяем, есть ли кнопка "удалить все таймеры"
		var s = document.location.search.match(/[?&]clear=true/);
		if (s && s.length == 1)
		{
			var cat_btn = document.getElementById("ClearAllTimers");
			cat_btn.style.display = "inline";
			cat_btn.addEventListener('click', doClearAllTimers);
		}
	}

	var btn = document.getElementById("addTimer");
	btn.addEventListener('click', addTimer0);
	
	btn = document.getElementById("addControlTask");
	btn.addEventListener('click', addControlTask);

	/*
	btn = document.getElementById("addTimer01");
	btn.addEventListener('click', addTimer01);
	btn = document.getElementById("addTimer05");
	btn.addEventListener('click', addTimer05);
	btn = document.getElementById("addTimer15");
	btn.addEventListener('click', addTimer15);
	btn = document.getElementById("addTimer1");
	btn.addEventListener('click', addTimer1);
	btn = document.getElementById("addTimer4");
	btn.addEventListener('click', addTimer4);
	btn = document.getElementById("addTimer8");
	btn.addEventListener('click', addTimer8);
	btn = document.getElementById("addTimer24");
	btn.addEventListener('click', addTimer24);
*/
	btn = document.getElementById("alert");
	btn.addEventListener('click', hideAlert);

	btn = document.getElementById("addAbsDate");
	btn.addEventListener('click', addAbsDateClicked);

	var gainChange = function()
	{
		if (!gainNode)
		{
			onAudioLoad();
			hideAlert();
		}

		if (gainNode)
		{
			var v1 = document.getElementById("volume1");
			var v2 = document.getElementById("volume2");

			// var gv = document.getElementById("gainVal");
			gainNode.gain.value = v1.value * v2.value; // this.value;
			// gv.textContent = this.value;
			//gv.textContent = gainNode.gain.value;

			setGainVal(v1.value, v2.value);
			setGainValToHtml(  getGainVal()  );
		}
	};

	btn = document.getElementById("volume1");
	btn.addEventListener('input', gainChange);

	btn = document.getElementById("volume2");
	btn.addEventListener('input', gainChange);

	setGainValToHtml(  getGainVal()  );


	btn = document.getElementById("gainVal");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			if (me.ctrlKey && me.altKey)
				play(0, 1.0, 1.0, 1);
			else
			if (me.ctrlKey)
				play(660);
			else
			if (me.altKey)
				play(130.813, 2.0, 1.0, 2);
			else
				play();
		}
	);

	soundRegime  = getSoundRegime();
	soundSwither = document.getElementById("soundSwither");
	soundSwither.textContent = getSoundRegimeText(soundRegime);
	soundSwither.style["font-weight"] = soundRegime == SoundDisableRegime ? "bold" : "normal";
	soundSwither.addEventListener
	(
		'click',
		function(me)
		{
			soundRegime++;
			if (soundRegime >= SoundRegimeText.length)
			{
				soundRegime = 0;
			}

			setSoundRegime(soundRegime);
			soundSwither.textContent = getSoundRegimeText(soundRegime);
			soundSwither.style["font-weight"] = soundRegime == SoundDisableRegime ? "bold" : "normal";
		}
	);

	btn = document.getElementById("silent");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			if (silentEndTime > new Date().getTime())
				silentEndTime = 0
			else
				silentEndTime = new Date().getTime() + 60*1000;
		}
	);

	// Добавляет минуту к времени выключения звука таймера
	btn = document.getElementById("silent1");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			if (silentEndTime > new Date().getTime())
				silentEndTime = silentEndTime + 60*1000;
			else
				silentEndTime = new Date().getTime() + 60*1000;
		}
	);

	btn = document.getElementById("silent5");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			if (silentEndTime > new Date().getTime())
				silentEndTime = silentEndTime + 5*60*1000;
			else
				silentEndTime = new Date().getTime() + 5*60*1000;
		}
	);
	
	btn = document.getElementById("defer");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			makeDefer();
		}
	);
	
	btn = document.getElementById("defer1");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			makeDeferChangeInterval();
		}
	);

	btn = document.getElementById("resetText");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			var timerNameElement = document.getElementById("text");
			timerNameElement.value = '';
		}
	);
	
	btn = document.getElementById("resetTime");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			document.getElementById("hours")  .value = '';
			document.getElementById("minutes").value = '';
			document.getElementById("seconds").value = '';
		}
	);

	btn = document.getElementById("saveTimer");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			var h = parseFloat(document.getElementById("hours")  .value || 0);
			var m = parseFloat(document.getElementById("minutes").value || 0);
			var s = parseFloat(document.getElementById("seconds").value || 0);

			var timerName     = document.getElementById("text").value;
			var isImportant   = document.getElementById("important").checked;
			var isExactlyTime = document.getElementById("addAbsDate").checked;

			if (isExactlyTime)
			{
				var s = document.getElementById("seconds").value;
					s = replaceNonColonSymbols(s);

				var [hours, minutes] = s.split(":");

				addSavedTimer(0, hours, minutes, 0, timerName, false, false, false, isImportant, {isExactlyTime : isExactlyTime});
			}
			else
			{
				addSavedTimer(0, h, m, s, timerName, false, false, false, isImportant, {isExactlyTime : isExactlyTime});
			}

			// addSavedTimer(id, h, m, s, timerName, savedInterval, toDelete, isControlTask, isImportant, options)

			saveTimers();
			drawTimersShorts();
		}
	);
	

	btn = document.getElementById("saveInterval");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			var h = parseFloat(document.getElementById("hours")  .value || 0);
			var m = parseFloat(document.getElementById("minutes").value || 0);
			var s = parseFloat(document.getElementById("seconds").value || 0);

			var timerName   = ""; // document.getElementById("text").value;
			// Интервал никогда не бывает важным
			// var isImportant = document.getElementById("important").checked;

			var isExactlyTime = document.getElementById("addAbsDate").checked;

			if (isExactlyTime)
			{
				return;
				/*
				var s = document.getElementById("seconds").value;
					s = replaceNonColonSymbols(s);

				var [hours, minutes] = s.split(":");

				addSavedTimer(0, hours, minutes, 0, timerName, true, false, false, false, { isExactlyTime: isExactlyTime });
				*/
			}
			else
			{
				addSavedTimer(0, h, m, s, timerName, true);
			}

			saveTimers();
			drawTimersShorts();
		}
	);
	
	
	btn = document.getElementById("SaveToClipboard");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			var data = JSON.stringify(timersObject);
			saveFile(data);
			/*navigator.clipboard.writeText(data)
			.then
			(
				function()
				{
					// alert("Таймеры сохранены в буфер обмена");
				}
			)
			.catch
			(
				function(e)
				{
					alert("Не удалось сохранить таймеры в буфер обмена");
					console.error(e);
				}
			);*/
		}
	);

	btn = document.getElementById("LoadFromClipboard");
	btn.addEventListener
	(
		'click',
		function(me)
		{
			/*
			
function saveTimers()
{
	localStorage.setItem(timerStorageName, JSON.stringify(timersObject));
};

function drawTimers()
{
	var main = document.getElementById("main");
	main.textContent = "";

	var timersFromStorage = localStorage.getItem(timerStorageName);
	if (typeof(timersFromStorage) != "undefined" && timersFromStorage)
	{
		var t = JSON.parse(timersFromStorage);
			*/

			LoadFromFile();

/*
            try
            {
                navigator.permissions.query
                ({name: 'clipboard-read'})
                .then
                (
                    function(result)
                    {
                        if (result.state == 'granted' || result.state == 'prompt')
                        {
                        }
                        else
                        {
                            console.error("clipboard-read permission not granted: " + result.state);
                        }
                    }
                );
            }
            catch (e)
            {
                console.error(e);
            }

			navigator.clipboard.readText()
			.then
			(
				function(text)
				{
					if (!MergeTimers(text))
					{
						alert("Кажется, формат копии таймеров в буфере обмена не верен. Убедитесь, что вы загрузили резервную копию таймеров в буфер обмена из текстового файла. Попробуйте выбрать файл напрямую.");
						LoadFromFile();
					}
				}
			)
			.catch
			(
				function(e)
				{
					alert("Не удалось загрузить таймеры из буфера обмена. Попробуйте выбрать файл напрямую.");
					console.error(e);

					LoadFromFile();
				}
			);*/
			
		}
	);


	// audio = document.getElementById("audio");

	// Переключаемся в замедленный режим, если идёт потеря фокуса
	window.addEventListener
	(
		'blur',
		function()
		{
			onFocus = false;
			setIntervalForTimers();
		}
	);
	// Переключаемся обратно в обычный режим
	window.addEventListener
	(
		'focus',
		function()
		{
			onFocus = true;
			setIntervalForTimers();
		}
	);
	
	btn = document.getElementById("ResourceSavingMode");
	btn.addEventListener('click', ResourceSavingModeClick);

	drawTimers();
	InitializeNotification();

	setIntervalForTimers();
};


function ResourceSavingModeClick()
{
	setIntervalForTimers();
	saveSoundRegime();		// Режим экономии сохраняется вместе с режимом звука
}

function calcResourceSavingMode()
{
	soundRegimeObject.isResourceSavingMode = document.getElementById("ResourceSavingMode").checked;

	// console.log('isResourceSavingMode: ' + soundRegimeObject.isResourceSavingMode);

	return soundRegimeObject.isResourceSavingMode;
};


function setIntervalForTimers()
{
	calcResourceSavingMode();

	if (INTERVAL_ID != 0)
	{
		clearInterval(INTERVAL_ID);
		INTERVAL_ID = 0;
	}

	if (onFocus)
	{
		if (soundRegimeObject.isResourceSavingMode)
		{
			last_interval_time = 990;
			INTERVAL_TIME      = 1000;
		}
		else
		{
			last_interval_time = 90;
			INTERVAL_TIME      = 100;
		}

		document.body.style.display="block";
	}
	else
	{
		if (soundRegimeObject.isResourceSavingMode)
		{
			last_interval_time = 9990;
			INTERVAL_TIME      = 10000;
			document.body.style.display="none";
		}
		else
		{
			last_interval_time = 990;
			INTERVAL_TIME      = 1000;
			document.body.style.display="block";
		}
	}

	INTERVAL_ID = setInterval
	(
		interval,
		INTERVAL_TIME
	);
};

function saveFile(data)
{
	var file = new Blob(  [data], { type: 'plain/text' }  );
	var a = document.createElement("a");
	a.href = URL.createObjectURL(file);

	var TN = timersName;
	if (TN != "")
		TN = TN + "-";

	var now = new Date();
	var str = now.getFullYear() + "-" + addNull((now.getMonth() + 1)) + "-" + addNull(now.getDate());
	a.download = 'timers-' + TN + str + '.json';
	a.click();
}

function LoadFromFile()
{
	var a  = document.createElement("input");
	a.type = "file";
	
	a.addEventListener
	(
		"change",
		function(event)
		{
			if (a.files.length <= 0)
				return;

			var reader = new FileReader();
			reader.onload = function(event)
			{
				var text = event.target.result;
				if (!MergeTimers(text))
				{
					alert("Файл '" + a.files[0].name + "' имеет неверный формат данных");
				}
			};

			reader.onerror = function(event)
			{
				alert("Не удалось прочитать файл");
				console.error("Не удалось прочитать файл");
				console.error(event.target.error);
			};

			reader.readAsText(a.files[0]);
		}
	);

	a.click();
}


// https://developer.mozilla.org/ru/docs/Web/API/Service_Worker_API/Using_Service_Workers
if ('serviceWorker' in navigator)
{
	navigator.serviceWorker.register
	(
		document.location.pathname + 'jsServiceWorker.js',
		{ scope: document.location.pathname }	// Область регистрации ServiceWorker
	)
	.then
	(
		function(reg)
		{

			if (reg.installing)
			{
				console.log('Service worker installing');
			}
			else
			if (reg.waiting)
			{
				console.log('Service worker installed');
			}
			else
			if (reg.active)
			{
				console.log('Service worker active');
			}

		}
	)
	.catch
	(
		function(error)
		{
			console.error('ServiceWorker registration failed with ' + error);
		}
	);
}
else
{
	console.error('ServiceWorker support not found in your browser');
}