php와 javascript를 이용하여 환율 표를 만들어보았다.
http://phpfiddle.org/
에서 아래 소스 복 붙 후 run (f9) 클릭시 결과확인 가능

빨간색 표시한것이 나라 설정. 

나는 4곳 설정 하였다 . '미국 (USD)', '유럽연합 (EUR)', '일본 (JPY)', '중국 (CNY)'


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<?php
 
$exchange_url="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22USDKRW,EURKRW,JPYKRW,CNYKRW%22)&format=json&env=store://datatables.org/alltableswithkeys&callback=";
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $exchange_url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 1000);
$rt = curl_exec($ch);
curl_close($ch);
 
?>
 
 
<body>
 
<table id="tb_huList" border="1" cellpadding="0">
    <thead>
        <tr>
            <td>통화명</td>
            <td>실시간환율</td>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
 
 
 
 
</body>
<script>
 
    var datas = '<?=$rt?>'; 
    datas = JSON.parse(datas);
    datas = datas["query"]["results"]["rate"];
    
    var nara = ['미국 (USD)', '유럽연합 (EUR)', '일본 (JPY)', '중국 (CNY)'];
    var askVal = '';
    var inputTable = document.getElementById('tb_huList');
    inputTable = inputTable.children[1];
 
    var i=0;
    
    for (key in datas) {
        console.log(datas[key])
        var tr = document.createElement('tr');
        var td1 = document.createElement('td');
        var td2 = document.createElement('td');
        var img = document.createElement('img');
 
        askVal = datas[key]['Rate'];
 
        if (i==2) {
            askVal = askVal* 100;
        }
 
        img.setAttribute('src', '경로명_'+i+'.png');
        td1.appendChild(img);
        td1.innerHTML = td1.innerHTML + nara[i];
 
        td2.textContent = numberWithCommas(parseFloat(askVal).toFixed(2));
 
        tr.appendChild(td1);
        tr.appendChild(td2);
        inputTable.appendChild(tr);
 
        i++;
    }
    
    function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
 
 
    </script>
cs


저작자표시 비영리 변경금지

'공부 > Java Script' 카테고리의 다른 글

PC인지 모바일인지 테블릿인지 체크하는 스크립트  (0) 2016.06.02
for문안에서 일정 시간 간격으로 함수 실행 방법  (0) 2016.06.01
달력형식 정규화 설정  (0) 2016.02.26
window.open 옵션  (0) 2016.01.13
선택된 SelectBox Option 값과 텍스트 가져오기 (value, text)  (0) 2015.11.06

+ Recent posts

티스토리툴바