Как я могу получить середину ночи между закатом и восходом солнца

---

Кого я могу получить два раза, 1 - середину ночи между закатом и восходом солнца 2 - середину ночи между закатом и фаджром, так что я не хочу получить только один из них?
Мне нужно получить середину времени заката до восхода солнца и середину времени заката до Фаджра в одном браузере, вот javascript: [http://praytimes.org/code/v2/js/PrayTimes.js](http://praytimes.org/code/v2/js/PrayTimes.js) а вот HTML ежемесячное время молитвы [http://praytimes.org/code/v2/js/examples/monthly.htm](http://praytimes.org/code/v2/js/examples/monthly.htm) Я хочу отредактировать файл Js, чтобы я мог получить оба раза в HTML - файле
какие изменения мне нужно внести в этот код?

Что я уже пробовал:

Я попытался изменить файл java script но ничего не вышло изменение выглядит следующим образом:

<title>Page Title




	
		body, tr, form {font-family: tahoma; font-size: 12px; color: #404040; text-align: center; margin: 0; padding: 0}
		pre {font-family: courier, serif, size: 10pt; margin: 0px 8px;}
		input {font-size: 12px;}
		.header {background:#eef; border-bottom: 1px solid #ddd; padding: 7px;}
		.caption {font-size: 20px; color: #d95722; text-align: center; width: 10em;}
		.arrow {font-weight: bold; text-decoration: none; color: #3D3D3D; }
		.arrow:hover {text-decoration: underline;}
		.command {font-weight: bold; text-decoration: none; color: #AAAAAA; }
		.command:hover {text-decoration: underline;}
		.timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; margin: 0 auto;}
		.timetable td {border-width: 1px; border-spacing: 1px; padding: 1px; border-style: inset; border-color: #CCCCCC;}
		.head-row {color: black; background-color: #eef;}
		.today-row {background-color: #ffff00; color: black}
	






<div class="header">


	Latitude:  
	Longitude:  
	Time Zone:  
	DST: 
	
		Auto
		0
		1
     
	Method: 
	
		 Leva Institute, Qum 
                Institute of Geophysics, University of Tehran
                Muslim World League (MWL)
		Islamic Society of North America (ISNA)
		Egyptian General Authority of Survey
		Umm al-Qura University, Makkah
		University of Islamic Sciences, Karachi
		
    

</div>
<br>

<table align="center"><tbody><tr>	<td><a class="arrow"><<</a></td>	<td id="table-title" class="caption"></td>	<td><a class="arrow">>></a></td></tr></tbody></table>

<br>

	<table id="timetable" class="timetable"><tbody></tbody></table>

<div align="center" style="margin-top: 7px">
	
	Time Format: <a id="time-format" title="Change clock format" class="command"></a>
</div>
<br>



	var currentDate = new Date();
	var timeFormat = 1; 
	switchFormat(0);

	// display monthly timetable
	function displayMonth(offset) {
		var lat = $('latitude').value;
		var lng = $('longitude').value;
		var timeZone = $('timezone').value;
		var dst = $('dst').value;
		var method = $('method').value;

		prayTimes.setMethod(method);
		currentDate.setMonth(currentDate.getMonth()+ 1* offset);
		var month = currentDate.getMonth();
		var year = currentDate.getFullYear();
		var title = monthFullName(month)+ ' '+ year;
		$('table-title').innerHTML = title;
		makeTable(year, month, lat, lng, timeZone, dst);
	}

	// make monthly timetable
	function makeTable(year, month, lat, lng, timeZone, dst) {		
		var items = {day: 'Day', imsak    : 'Imsak',fajr: 'Fajr', sunrise: 'Sunrise', 
					dhuhr: 'Dhuhr', asr: 'Asr', sunset: 'Sunset', 
					maghrib: 'Maghrib',  isha: 'Isha',midnight1 : 'Midnight1' ,midnight2 : 'Midnight2'};
				
		var tbody = document.createElement('tbody');
		tbody.appendChild(makeTableRow(items, items, 'head-row'));

		var date = new Date(year, month, 1);
		var endDate = new Date(year, month+ 1, 1);
		var format = timeFormat ? '12hNS' : '24h';

		while (date < endDate) {

			var times = prayTimes.getTimes(date, [lat, lng], timeZone, dst, format);

			times.day = date.getDate();

			var today = new Date(); 

			var isToday = (date.getMonth() == today.getMonth()) && (date.getDate() == today.getDate());

			var klass = isToday ? 'today-row' : '';

			tbody.appendChild(makeTableRow(times, items, klass));

			date.setDate(date.getDate()+ 1);  // next day

		}

		removeAllChild($('timetable'));

		$('timetable').appendChild(tbody);

	}



	// make a table row

	function makeTableRow(data, items, klass) {

		var row = document.createElement('tr');

		for (var i in items) {

			var cell = document.createElement('td');

			cell.innerHTML = data[i];

			cell.style.width = i=='day' ? '2.5em' : '3.7em';

			row.appendChild(cell);

		}

		row.className = klass;

		return row;		

	}



	// remove all children of a node

	function removeAllChild(node) {

		if (node == undefined || node == null)

			return;



		while (node.firstChild)

			node.removeChild(node.firstChild);

	}



	// switch time format

	function switchFormat(offset) {

		var formats = ['24-hour', '12-hour'];

		timeFormat = (timeFormat+ offset)% 2;

		$('time-format').innerHTML = formats[timeFormat];

		update();

	}



	// update table

	function update() {

		displayMonth(0);

	}



	// return month full name

	function monthFullName(month) {

		var monthName = new Array('January', 'February', 'March', 'April', 'May', 'June', 

						'July', 'August', 'September', 'October', 'November', 'December');

		return monthName[month];

	}



	function $(id) {

		return document.getElementById(id);

	}









and the html is:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
	<script type="text/javascript" src= charset="UTF-8"></script><style>
		body, tr, form {font-family: tahoma; font-size: 12px; color: #404040; text-align: center; margin: 0; padding: 0}
		pre {font-family: courier, serif, size: 10pt; margin: 0px 8px;}
		input {font-size: 12px;}
		.header {background:#eef; border-bottom: 1px solid #ddd; padding: 7px;}
		.caption {font-size: 20px; color: #d95722; text-align: center; width: 10em;}
		.arrow {font-weight: bold; text-decoration: none; color: #3D3D3D; }
		.arrow:hover {text-decoration: underline;}
		.command {font-weight: bold; text-decoration: none; color: #AAAAAA; }
		.command:hover {text-decoration: underline;}
		.timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; margin: 0 auto;}
		.timetable td {border-width: 1px; border-spacing: 1px; padding: 1px; border-style: inset; border-color: #CCCCCC;}
		.head-row {color: black; background-color: #eef;}
		.today-row {background-color: #ffff00; color: black}
	</style>
</head>

<body>

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

<div class="header">
<form class="form" action="javascript:update();">
Melbourne
	Latitude: <input type="text" value="-37.815018" id="latitude" size="2" onchange="update();" />&nbsp;
	Longitude: <input type="text" value="144.946014" id="longitude" size="2" onchange="update();" />&nbsp;
	Time Zone: <input type="text" value="+10" id="timezone" size="2" onchange="update();" />&nbsp;
	DST: 
	<select id="dst" size="1" style="font-size: 12px;" onchange="update()">
		<option value="auto" selected="selected">Auto</option>
		<option value="0">0</option>
		<option value="1">1</option>
    </select>&nbsp;
	Method: 
	<select id="method" size="1" style="font-size: 12px;" onchange="update()">
		<option value="Jafari" selected="selected"> Leva Institute, Qum </option>
                <option value="Tehran">Institute of Geophysics, University of Tehran</option>
                <option value="MWL">Muslim World League (MWL)</option>
		<option value="ISNA">Islamic Society of North America (ISNA)</option>
		<option value="Egypt">Egyptian General Authority of Survey</option>
		<option value="Makkah">Umm al-Qura University, Makkah</option>
		<option value="Karachi">University of Islamic Sciences, Karachi</option>
		
    </select>
</form>
</div>
<br/>
<table align="center">
<tr>
	<td><a href="javascript:displayMonth(-1)" class="arrow">&lt;&lt;</a></td>
	<td id="table-title" class="caption"></td>
	<td><a href="javascript:displayMonth(+1)" class="arrow">&gt;&gt;</a></td>
</tr>
</table>

<br/>
<table id="timetable" class="timetable">
	<tbody></tbody>
</table>

<div align="center" style="margin-top: 7px">
	
	Time Format: <a id="time-format" href="javascript:switchFormat(1)" title="Change clock format" class="command"></a>
</div>
<br/>

<script type="text/javascript">

	var currentDate = new Date();
	var timeFormat = 1; 
	switchFormat(0);

	// display monthly timetable
	function displayMonth(offset) {
		var lat = $('latitude').value;
		var lng = $('longitude').value;
		var timeZone = $('timezone').value;
		var dst = $('dst').value;
		var method = $('method').value;

		prayTimes.setMethod(method);
		currentDate.setMonth(currentDate.getMonth()+ 1* offset);
		var month = currentDate.getMonth();
		var year = currentDate.getFullYear();
		var title = monthFullName(month)+ ' '+ year;
		$('table-title').innerHTML = title;
		makeTable(year, month, lat, lng, timeZone, dst);
	}

	// make monthly timetable
	function makeTable(year, month, lat, lng, timeZone, dst) {		
		var items = {day: 'Day', imsak    : 'Imsak',fajr: 'Fajr', sunrise: 'Sunrise', 
					dhuhr: 'Dhuhr', asr: 'Asr', sunset: 'Sunset', 
					maghrib: 'Maghrib',  isha: 'Isha',midnight1 : 'Midnight1' ,midnight2 : 'Midnight2'};
				
		var tbody = document.createElement('tbody');
		tbody.appendChild(makeTableRow(items, items, 'head-row'));

		var date = new Date(year, month, 1);
		var endDate = new Date(year, month+ 1, 1);
		var format = timeFormat ? '12hNS' : '24h';

		while (date < endDate) {
			var times = prayTimes.getTimes(date, [lat, lng], timeZone, dst, format);
			times.day = date.getDate();
			var today = new Date(); 
			var isToday = (date.getMonth() == today.getMonth()) && (date.getDate() == today.getDate());
			var klass = isToday ? 'today-row' : '';
			tbody.appendChild(makeTableRow(times, items, klass));
			date.setDate(date.getDate()+ 1);  // next day
		}
		removeAllChild($('timetable'));
		$('timetable').appendChild(tbody);
	}

	// make a table row
	function makeTableRow(data, items, klass) {
		var row = document.createElement('tr');
		for (var i in items) {
			var cell = document.createElement('td');
			cell.innerHTML = data[i];
			cell.style.width = i=='day' ? '2.5em' : '3.7em';
			row.appendChild(cell);
		}
		row.className = klass;
		return row;		
	}

	// remove all children of a node
	function removeAllChild(node) {
		if (node == undefined || node == null)
			return;

		while (node.firstChild)
			node.removeChild(node.firstChild);
	}

	// switch time format
	function switchFormat(offset) {
		var formats = ['24-hour', '12-hour'];
		timeFormat = (timeFormat+ offset)% 2;
		$('time-format').innerHTML = formats[timeFormat];
		update();
	}

	// update table
	function update() {
		displayMonth(0);
	}

	// return month full name
	function monthFullName(month) {
		var monthName = new Array('January', 'February', 'March', 'April', 'May', 'June', 
						'July', 'August', 'September', 'October', 'November', 'December');
		return monthName[month];
	}

	function $(id) {
		return document.getElementById(id);
	}

</script>
</body>
</html>

---