본문 바로가기

IT Study/Web

[JavaScript] setInterval 기본 예제 12345678910111213141516171819202122232425262728293031323334Insert title here 전화하는 시간은입니다전화요금은입니다 배경색 변경 var myCnt = 1; function func() { document.form1.formSec.value = myCnt + "초"; document.form1.formWon.value = ((Math.floor(myCnt/5) * 10) + 10) + "원"; myCnt = myCnt + 1;} setInterval("func()",100);Colored by Color Scriptercs Delay, sleep과 같은 기능 더보기
[JavaScript] HTML 과 JavaScript 기본 예제 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960Insert title here 여기가 p태그 입니다. 버튼 function myfunc() { //일반 Tag, p, pre, h1 ~ h6 var pTag = document.getElementById("demo").innerHTML; //input, textarea var textF = document.getElementById("id").value; document.getElementById("p1").innerHTML = textF; document.getElementById("id").value =.. 더보기
[JavaScript] Math 관련 예제 123456789101112131415161718192021222324252627282930313233343536Insert title here 버트은 function myfunc() { document.getElementById("demo").innerHTML // = Math.round(4.5); //반올림 // = Math.round(Math.random() * 10); //반올림 해줘서 0~10 값이 나옴 // = Math.min( 1, 4, 5 ,8 ,9 ,2 ); //최솟값 // = Math.max( 1, 4, 5, 8 ,9 ,2 ); //최댓값 // = Math.ceil(4.1); //올림 // = Math.floor(4.9); //내림 // = Math.E //Euler // = Math... 더보기
[JavaScript] toString, parseInt 1234567891011121314151617181920212223242526272829Insert title here //String -> int. doubledocument.getElementById("demo").innerHTML = parseInt("10") + " " + parseInt("10.32") + " " + parseInt("10 6") + " " + //앞에꺼만 나옴 parseInt("10 abc") + " " + //앞에꺼만나옴 parseInt("abc 10"); //NaN 숫자가 아니라고 출력함 // int - > Stringvar num = 123;num = num.toString() + 1; // 1231document.getElementById("demo").innerHTML.. 더보기
[JavaScript] 기본 문법 - 진수 변환 12345678910111213141516171819202122232425262728293031323334Insert title here 버튼 var number = 128;document.getElementById("demo").innerHTML = "십진수 = " + number + " " + "16진수 = 0x" + number.toString(16) + " " + "8진수 = 0" + number.toString(8) + " " + "2진수 = " + number.toString(2); function myfunc() { } Colored by Color Scriptercs 더보기
[JavaScript] 기본 문법 - String 12345678910111213141516171819202122232425262728293031323334353637Insert title here 뿌리뿌리 도뿌리 var str = document.getElementById("p1").innerHTML; //var pos = str.indexOf("도");//var pos = str.lastIndexOf("뿌리");//뒤에서부터 찾음//var pos = str.search("뿌리"); //var _str = str.slice(2,7); //substring이랑 비슷함//var _str = str.substring(2,7); //slice랑 같음 var c = str.charAt(1); //1부터 시작alert("c = " + c); str = "aa,b.. 더보기
[JavaScript] Date() 클래스 예제 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071Insert title here 지금 시각? function displayDate() { document.getElementById("demo").innerHTML = Date();} setInterval("displayDate()",1000); //타이머 함수 //현재 날짜 값 가져오기var d = new Date(); //파라미터로 각각 값을 setvar d = new Date(2010, 5, 17 ,6 ,51 ,20 ,0); //연도 월 일 시 분 초 밀리세컨 //.. 더보기
[JavaScript] 기본 문법 - Array, Object 1234567891011121314151617181920212223242526272829303132333435363738394041Insert title here var langth = 16; //Numbervar name = "World"; //String // Arrayvar cars =["Audi","BMW","람보르"];//alert(cars[0]); //Object -> 변수뿐만 아니라 함수도 포함 가능 C언어의 struct와 var obj = { firstname:"길동", lastname:"홍", age:24 };//alert(obj.firstname); var y = 123e5;var z = 123e-2; document.getElementById("demo").innerHTML = typ.. 더보기
[JavaScript] 기본 문법 - 변수(var) 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758Insert title here 변수(variable) /* var -- int, double, string, Object */var x = 5;var y = 6;var z = x+y; /* alert("z="+z);document.getElementById("demo").innerHTML = z; */ /* 문자, 숫자(정수, 실수),문자열, true/false 대소문자를 구분 double, int, char, class, struct(구조체) - 자료형들의 묶음*/ var pi = 3.141592;var pers.. 더보기
[JavaScript] 기본 문법 - 함수 123456789101112131415161718192021222324252627Insert title here 버튼이다아 나도 버튼이다아 나도 버튼이야 function myfunc() { window.alert("myfunc() 함수 호출"); } Colored by Color Scriptercs 더보기

티스토리툴바