SHARE
TWEET

Jadwal Sholat

a guest Jun 25th, 2019 61 in 7 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>Document</title>
  8.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  9.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  10.  
  11.    
  12.     <script type="text/javascript">
  13.     $(function(){
  14.         var apiSolat = "http://api.aladhan.com/v1/calendarByAddress?address=Yogyakarta&method=2&month=06&year=2019";
  15.         $.getJSON(apiSolat, function(data,status){
  16.             $('.subuh').html(data.data[24].timings.Fajr);
  17.             $('.dzuhur').html(data.data[24].timings.Dhuhr);
  18.             $('.ashar').html(data.data[24].timings.Asr);
  19.             $('.magrib').html(data.data[24].timings.Maghrib);
  20.             $('.isya').html(data.data[24].timings.Isha);
  21.         });
  22.     });
  23.     </script>
  24.  
  25. </head>
  26. <body>
  27.     <div class="container">
  28.         <div class="row">
  29.             <h2>Jadwal Sholat Yogya Hari Ini</h2>
  30.             <table class="table table-striped">
  31.                 <thead>
  32.                     <tr>
  33.                         <th>Waktu</th>
  34.                         <th>Jam</th>
  35.                     </tr>
  36.                 </thead>
  37.                 <tbody>
  38.                     <tr>
  39.                         <td>Subuh</td>
  40.                         <td class="subuh"></td>
  41.                     </tr>
  42.                     <tr>
  43.                         <td>Dzuhur</td>
  44.                         <td class="dzuhur"></td>
  45.                     </tr>
  46.                     <tr>
  47.                         <td>Ashar</td>
  48.                         <td class="ashar"></td>
  49.                     </tr>
  50.                     <tr>
  51.                         <td>Magrib</td>
  52.                         <td class="magrib"></td>
  53.                     </tr>
  54.                     <tr>
  55.                         <td>Isya</td>
  56.                         <td class="isya"></td>
  57.                     </tr>
  58.                 </tbody>
  59.             </table>
  60.         </div>
  61.     </div>
  62. </body>
  63. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top