반응형

 

  methods: {
        btcTrkAPICall: function () {
            axios    
                .get('https://www.api1.com/api/ticker')    
                .then(response => (this.btctrk = response.data))    
                .catch(error => console.log(error))    
        },
        bnncAPICall: function () {
            axios    
                .get('https://api.api2.com/api/v3/ticker/bookTicker')    
                .then(response => (this.bnnc = response.data))    
                .catch(error => console.log(error))    
        },
        intervalFetchData: function () {
            setInterval(() => {    
                this.btcTrkAPICall();
                this.bnncAPICall();
                }, 1000);    
        }
    },
    mounted () {
        // Run the functions once when mounted 
        this.btcTrkAPICall();
        this.bnncAPICall();
        // Run the intervalFetchData function once to set the interval time for later refresh
        this.intervalFetchData();
    }

https://stackoverflow.com/questions/54601694/how-to-auto-refresh-a-computed-property-at-axios-in-vuejs

반응형
저작자표시 비영리 동일조건

'Front > ::: Vue:::' 카테고리의 다른 글

vue input 실시간 확인 (input 이 비어있거나 혹은 공백 처리)  (0) 2023.10.13
vue accessing the dynamic ref 다이나믹 ref 생성  (0) 2023.08.28
webpack 오류 vue-loader was used without the corresponding plugin  (0) 2023.08.13
lodash _.remove 가 잘 안됨  (0) 2023.08.10
vue tree menu test code  (0) 2023.08.01
가져온 object에서 특정 key 제외 출력  (0) 2023.07.12
vue SSO 작업 중 error 해결 정리  (0) 2023.02.07
회사에서 npm install 안될때  (0) 2023.01.26
반응형

얍얍

<html>
    <head></head>
    
    <body>
        <div>
            <span id="num">5</span>초
        </div>
    </body>
    
    <script>
        // 1초 마다  1씩 차감
        let time = 5;
        var 타이머 = setInterval(얍,1000);

        function 얍(){

            if ( time >= 1 ) {
                time = time-1;
                document.querySelector('#num').innerHTML = time;
            }else{
                clearTimeout(타이머);
                // 이걸 안하면 타이머 계속 호출한다..흐음 ..
            }
            // 계속 호출 되는거 확인용 콘솔
            // console.log('ttttt') 
        }
    </script>
    
</html>

이거 왜 할때마다 헷갈리지 ㅎㅎ

 

 

반응형
저작자표시 비영리 동일조건

'Front > ::: JSCRIPT :::' 카테고리의 다른 글

스크립트 Object.entries 배열 을 다시 맵으로  (0) 2023.09.13
콜백 함수 정의  (0) 2022.08.31
node (node.js) 노드 에서 || 설정  (0) 2022.08.30
node js Ajax 에서 response 2번 이상 오류 ERR_HTTP_HEADERS_SENT  (0) 2022.06.23
node-js express post호출 request의 body에서 undefined가 발생  (0) 2020.03.08
node js , sequelize , postgres 개발 세팅 2  (0) 2020.03.06
node js , sequelize , postgres 개발 세팅 1  (0) 2020.03.05
넥사크로 grid 글자 수 제한  (0) 2019.08.14

+ Recent posts

티스토리툴바