Javascript-自动获取祈祷时间的纬度和经度值

时间:2018-07-04 11:13:13

标签: javascript html

我正在使用Praytimes JS显示穆斯林的祈祷时间,但是对于每个位置,我必须手动添加该位置的纬度和经度。

如何使用W3 GeoLocation获取以下代码的纬度和经度值:

<script type="text/javascript">
    prayTimes.setMethod('MWL'); 
    var date = new Date(); // today
    var times = prayTimes.getTimes(date, [23.022505, 72.5713621]);
    var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];

    var html = '<table id="timetable">';
    html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
    for(var i in list) {
        html += '<tr><td>'+ list[i]+ '</td>';
        html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
    }
    html += '</table>';
    document.getElementById('table').innerHTML = html;
</script> 

我想使这个过程自动化。

谢谢

1 个答案:

答案 0 :(得分:0)

很简单:

<script type="text/javascript">
    function loadTable(position) {
        prayTimes.setMethod('MWL'); 
        var date = new Date(); // today
        var times = prayTimes.getTimes(date, [position.coords.latitude, position.coords.longitude]);
        var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];

        var html = '<table id="timetable">';
        html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
        for(var i in list)  {
            html += '<tr><td>'+ list[i]+ '</td>';
            html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
        }
        html += '</table>';
        document.getElementById('table').innerHTML = html;
    }

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(loadTable);
    }
</script>