Code Example

JavaScript

Updated every 10 seconds

Powered by jQuery for simplicity, this JavaScript generates and populates a table containing the ephemerides of the bright planets by calling:
api-ephem.php?lat=35&lon=139

This code snippet does not show all available items of the JSON data set. A timer repeats the call every 10 seconds to update the ephemerides data.

<p id="headinfo"></p>
<p id="ephemtable"></p>
<script>
	getEphemTable();
	function getEphemTable() {
		var api_url = "https://www.astropical.space/api-ephem.php?lat="+local_latitude+"&lon="+local_longitude;
		$.ajax({
			url: api_url,
			success: function(res){
			  var data = $.parseJSON(res);
			  var dt = new Date(data.info.timestamp * 1000);
			  $("#headinfo").html(dt.toUTCString() + "<br>Latitude: " + data.info.latitude + "°<br>Longitude: " + data.info.longitude + "°<br>Sidereal time: " + data.info.lst + "hrs<br>Julian Date: " + data.info.jd + "<br><br>");
			}
			
		});
		var htm = "<h4>API-Generated Ephemerides</h4>";
		htm+= "<table class='table'>";
		htm+= "<tr><th>Name</th><th>Const</th><th>RA [hms]</th><th>Decl [dms]</th><th>Size ["]</th><th>Mag</th>";
		htm+= "<th>Phase [°]</th><th>Dist [AU]</th><th>Elevation [°]</th></tr>";
		$.getJSON(api_url, function(data) {
		data['response'].forEach(function(arr) {
			htm+= "<tr><td>"+arr['name']+"</td><td>"+arr['const']+"</td><td>"+(arr['ra_hms']) + "</td><td>";
			htm+= arr['de_dms']+"</td><td>"+arr['size']+"</td><td>"+arr['mag']+"</td><td>"+arr['phase']+"</td>";
			htm+= "<td>"+arr['au_earth']+"</td><td>"+arr['alt']+"</td></tr>";
		});
		htm+= "</table>";
		$("#ephemtable").html(htm);
		}); 
		setTimeout(getEphemTable, 10000);
	}	
</script>