"Live list of current exchange rates."
Bootstrap 3.1.0 Snippet by muhittinbudak

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait"> <div class="container" style="font-family: 'Strait', sans-serif;"> <h3 class="text-center">Canlı Döviz Kurları (1 Döviz = ? TL)</h3> <table class="table table-bordered table-striped currency-table"> <thead> <tr> <th>Döviz</th> <th>1 Birim = TL</th> </tr> </thead> <tbody id="rates-body"> <tr><td colspan="2" class="text-center">Yükleniyor...</td></tr> </tbody> </table> <p class="text-muted text-center"><small>5 saniyede bir otomatik güncellenir</small></p> </div>
.currency-table { margin-top: 20px; font-size: 16px; } .info { background-color: #d9edf7; } .currency-table td { vertical-align: middle; }
function fetchRates() { $.ajax({ url: "https://open.er-api.com/v6/latest/USD", // USD bazlı API kullanıyoruz method: "GET", dataType: "json", success: function(data) { var rates = data.rates; var tryRate = rates.TRY; // 1 USD = ? TRY if (!tryRate) { $("#rates-body").html("<tr><td colspan='2' class='text-danger text-center'>TRY kuru bulunamadı.</td></tr>"); return; } // Öncelikli dövizler ve sembolleri var priorityCurrencies = { "USD": { name: "Amerikan Doları", symbol: "$" }, "EUR": { name: "Euro", symbol: "€" }, "GBP": { name: "İngiliz Sterlini", symbol: "£" }, "JPY": { name: "Japon Yeni", symbol: "¥" }, "CHF": { name: "İsviçre Frangı", symbol: "₣" } }; // Diğer önemli dövizler var otherCurrencies = { "CAD": { name: "Kanada Doları", symbol: "C$" }, "AUD": { name: "Avustralya Doları", symbol: "A$" }, "SEK": { name: "İsveç Kronu", symbol: "kr" }, "NOK": { name: "Norveç Kronu", symbol: "kr" }, "DKK": { name: "Danimarka Kronu", symbol: "kr" }, "PLN": { name: "Polonya Zlotisi", symbol: "zł" }, "CZK": { name: "Çek Kronu", symbol: "Kč" }, "HUF": { name: "Macar Forinti", symbol: "Ft" }, "RUB": { name: "Rus Rublesi", symbol: "₽" }, "CNY": { name: "Çin Yuanı", symbol: "¥" }, "KRW": { name: "Güney Kore Wonu", symbol: "₩" }, "INR": { name: "Hint Rupisi", symbol: "₹" }, "BRL": { name: "Brezilya Reali", symbol: "R$" }, "MXN": { name: "Meksika Pesosu", symbol: "$" }, "ZAR": { name: "Güney Afrika Randı", symbol: "R" }, "SGD": { name: "Singapur Doları", symbol: "S$" }, "NZD": { name: "Yeni Zelanda Doları", symbol: "NZ$" }, "THB": { name: "Tayland Bahtı", symbol: "฿" }, "MYR": { name: "Malezya Ringiti", symbol: "RM" } }; var html = ""; // Önce ana dövizleri ekle Object.keys(priorityCurrencies).forEach(function(cur) { if (rates[cur] || cur === "USD") { var oneCurrencyInTl; if (cur === "USD") { oneCurrencyInTl = tryRate; } else { oneCurrencyInTl = tryRate / rates[cur]; } var currencyInfo = priorityCurrencies[cur]; html += "<tr class='info'><td>1 " + currencyInfo.name + " <strong>(" + cur + ")</strong></td>"; html += "<td><strong>" + oneCurrencyInTl.toFixed(4) + " ₺</strong></td></tr>"; } }); // Sonra diğer dövizleri ekle Object.keys(otherCurrencies).forEach(function(cur) { if (rates[cur]) { var oneCurrencyInTl = tryRate / rates[cur]; var currencyInfo = otherCurrencies[cur]; html += "<tr><td>1 " + currencyInfo.name + " (" + cur + ")</td>"; html += "<td>" + oneCurrencyInTl.toFixed(4) + " ₺</td></tr>"; } }); $("#rates-body").html(html).fadeOut(150).fadeIn(250); }, error: function() { $("#rates-body").html("<tr><td colspan='2' class='text-danger text-center'>Veri alınamadı. API'ye erişilemiyor.</td></tr>"); } }); } $(document).ready(function() { fetchRates(); // İlk yüklemede getir setInterval(fetchRates, 5000); // Her 10 saniyede bir yenile });

Related: See More


Questions / Comments: