Momentum

바닐라 JS로 브라우저 크롬의 확장 프로그램인 Momentum을 구현하는 프로젝트 https://aluvy.github.io/www/momentum/ Momentum Momentum 00:00:00 aluvy.github.io local storage를 활용한 로그인, to do list 구현과 Math.random()을 활용한 랜덤 background 및 명언 출력 setInterval을 활용한 시계, openweathermap 을 활용한 날씨 API 등 index.html 헤더에 아이콘 사용을 위해서 폰트어썸 코드를 입력했다. Momentum 00:00:00 js/greeting.js 로그인 전을 위한 .form-wrap 영역과 로그인 후를 위한 .greeting 영역으로 분리되어 있다. userna..

2022.04.25

jQuery silde left (partenr banner)

JS // JavaScript Document $(document).ready(function() { var position = 0; // 최초위치 var movesize = 2; // 설정된 초 마다 이동할 픽셀 var timeonoff; $('.partnerBox ul').after($('.partnerBox ul').clone()); // ul 끝에 ul을 복제해라 function partnerMove(){ position -= movesize; // 최초위치에서 이당할 픽셀마다 감소 $('.partnerBox').css('left',position); if(position < -945){ $('.partnerBox').css('left',0); position = 0; } }; timeonoff=..

2021.12.15

jQuery main slide - fade

CSS @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} a{color:#333; text-decoration: none;} img{border:0; vertical-align:top;} ul li{list-style:none;} @keyframes ani { from {transform: scale(1);} to {transform: scale(1.5);} } .main{ position:relative; width:1000px; height:420px; border:1px solid red; overflow:hidden} .main .gallery{position:relative; left:0; top:0; width:1000px; heigh..

2021.12.13

setInterval, setTimeout, 현재시간표시

setInterval 함수를 = 설정된 시간(초)마다 계속 반복 계산한다. setInterval (function(){ // 실행 }, 1000}; // 시간(초) var cnt = 0; setInterval(function(){ // 매 1초마다 함수를 실행 cnt++; console.log(cnt); }, 1000); // 1초마다 cnt ++ setTimeout 함수를 = 설정된 시간 후에 1번만 계산한다. setTimeout (function(){ // 실행 }, 1000); setTimeout(function(){ location.href='http://naver.com'; }, 3000); // 3초 후 네이버로 이동 현재시간 표시 setInterval window.onload = functi..

2021.12.03