Source: salat.phps - download
<?php
date_default_timezone_set('Asia/Riyadh');
/*
TODO:
* cache data
*/
//get data from ummulqura site
$data = file_get_contents('http://www.ummulqura.org.sa/');
//get date
$reg = '#Day">(\\d+)</span>.+MonthA">(.+)</span>.+Year">(\\d{4})</span>#Uis';
preg_match_all($reg, $data, $out1);
//get prayer times
$reg = '#<TR class="row\\d">\s+<TD>(.+)</TD>.+>(\\d+:\\d+)<.+>(\\d+:\\d+)<.+>(\\d+:\\d+)<.+>(\\d+:\\d+)<.+>(\\d+:\\d+)<.+>(\\d+:\\d+)<.+</TR>#Uis';
preg_match_all($reg, $data, $out2);
$city = array('مكة المكرمة', 'المدينة المنورة', 'الرياض', 'بريدة', 'الدمام', 'أبها', 'تبوك', 'حائل', 'عرعر', 'جازان', 'نجران', 'الباحة', 'سكاكا');
$prayer = array('الفجر', 'الشروق', 'الظهر', 'العصر', 'المغرب', 'العشاء');
$city_index= (int)$_GET['city'];
$arr['times'] = $out2;
$arr['city_name'] = $arr['times'][1][$city_index];
$arr['city_pos'] = '-';
$arr['ardate'] = $out1[1][0].' '.$out1[2][0].$out1[3][0];
$arr['endate'] = $out1[1][1].' '.$out1[2][1].$out1[3][1];
$arr['time'] = time('Hi');
for($i=2;$i<=7;$i++) {
list($hour, $minute) = explode(':', $arr['times'][$i][$city_index]);
if($i>=5) {
$t = mktime($hour+12, $minute);
} else {
$t = mktime($hour, $minute);
}
if($arr['time']>$t) {
$arr['salat_time'] = ($i==2)?$i+2:$i+1;
}
}
$arr['salat_name'] = $prayer[$arr['salat_time']-2];
?>
<html dir="rtl">
<head></head>
<body>
<?php foreach($city as $k=>$v) { ?>
<a href="?city=<?=$k?>"><?=$v?></a> -
<?php } ?>
<div style="border: 1px solid #000000; width: 370px;height:180px; padding: 3px;">
<div style="background:#D4E6FC">
<b><?=$arr['city_name']?></b> <br/>
اليوم: <?=$arr['ardate']?> الموافق <?=$arr['endate']?>
</div>
<div style="float:right">
<div style="font-size:17px;font-weight:bold;margin:5px 0 3px;">
الصلاه: <?=$arr['salat_name']?> <span id="salat_time"><?=$arr['times'][$arr['salat_time']][$city_index]?>:0</span>
</div>
<div>
المتبقي: <span id="remain">0</span>
</div>
<div>
</div>
</div>
<div style="background-color:#E8EEFA;width:110px;float:left;">
<span>الفجر: </span><span style="float:left"><?=$arr['times'][2][$city_index]?></span><br />
<span>الشروق: </span><span style="float:left"><?=$arr['times'][3][$city_index]?></span><br />
<span>الظهر: </span><span style="float:left"><?=$arr['times'][4][$city_index]?></span><br />
<span>العصر: </span><span style="float:left"><?=$arr['times'][5][$city_index]?></span><br />
<span>المغرب: </span><span style="float:left"><?=$arr['times'][6][$city_index]?></span><br />
<span>العشاء: </span><span style="float:left"><?=$arr['times'][7][$city_index]?></span><br />
</div>
</div>
<script>
function countTime() {
var salat_arr = document.getElementById('salat_time').innerHTML.toString().split(':');
var salat_time1 = new Date();
var salat_time2 = new Date();
salat_time2.setHours(salat_arr[0],salat_arr[1],salat_arr[2]);
var salat_remain = salat_time2 - salat_time1;
document.getElementById('remain').innerHTML=Math.round(salat_remain/60/60/1000) +
':' + Math.round((salat_remain)%(60*60*1000)/(60*1000)) +
':' + Math.round((salat_remain)%(60*60*1000)%(60*1000)/1000);
//console.log(salat_remain);
}
setInterval("countTime()",1000);
</script>
</body>
</html>