반응형
객체생성
Data 객체
var date = new Date()
//Date객체 생성
//new - 메모리 생성 연산자
var year=date.getFullYear()//년
var month=date.getMonth()+1//월
var day = date.getDate()//일
var hour = date.getHours()//시
var min = date.getMinutes()//분
var sec = date.getSeconds()//초
if(month < 10){
month = "0"+month
}
if(day < 10){
day = "0"+day
}
var format = year+"-"+month+"-"+day+" "
format = format + (hour+":"+min+":"+sec)
document.write(format)Date 객체를 사용하여 date객체를 사용한다.
Audio 객체
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//Audio객체
var audio = new Audio();//오디오 객체 생성
audio.src = './audio/my_piano1.mp3'
//오디오 source지정
function start(){
//alert(audio.duration)//222.26초
audio.play()//오디오 실행
}
function pause(){
audio.pause()//일시정지
}
function stop(){
audio.pause()//일시정지
audio.currentTime=0//시간 0으로
}
</script>
</head>
<body>
<button onClick="start()">시작</button>
<button onClick="pause()">중지</button>
<button onClick="stop()">끄기</button>
<button>이전</button>
<button>다음</button>
</body>
</html>
Audio 객체를 생성하여 audio.을 사용한다.
String 객체
var str1 = new String("hello"); //String객체 생성
var str2 = "hello";//String객체 생성
//new - 메모리 생성 연산자
var result=str1.concat(" world")
//concatenate - 사슬처럼잇다, 연결하다
document.write(result,"<br>")
var index=str2.indexOf("e")
//str2 문자열에서 문자 e의 위치 인덱스값
document.write(index,"<br>")//1
index=str2.indexOf("llo")
document.write(index,"<br>")//2
index=str2.indexOf("lo")
document.write(index,"<br>")//3
var myCh = str2.charAt(1)//인덱스 1번째 문자 반환
document.write(myCh,"<br>")//e
//hello
//01234
document.write(result,"<br>")//hello world
var editResult = result.replace("hello","hi")
document.write(editResult,"<br>")
//-------------------------------------------------------------
var str = new String("hello world my name")
var result=str.split(" ")
//구분자 " "(공백으로) 문자열을 분리한다.
//split-쪼갠다, 분리한다.
console.log(result)//Array(4)
document.write(result[0],"<br>")//hello
document.write(result[1],"<br>")//world
document.write(result[2],"<br>")//my
document.write(result[3],"<br>")//nameNumber 객체
var num1 = new Number(3)//Number객체 생성
var num2 = 3//Number객체 생성
document.write(typeof(num1),"<br>")//Object
document.write(typeof(num1.toString()),"<br>")//string
// "hello:" + 3
var num3 = 3.145733
var result = num3.toFixed(3)//3.146
//4째자리에서 반올림해서 3째자리까지 표현
document.write(result,"<br>")외부 js code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/moment.js"></script> // 이게 중요
<script>
console.log(moment().format("YYYY-MM-DD hh:mm:ss"))
//2023-01-19 11:39:30
console.log(moment().format("YYYY-MMM-DD hh:mm:ss"))
//2023-Jan-19 11:39:30
console.log(moment().format("YY-MMM-DD hh:mm:ss"))
//23-Jan-19 11:39:30
</script>
</head>
<body>
</body>
</html>
https://momentjs.com/downloads/moment.js 에 있는 소스를 첨부하여 moment().format 으로 접근하여 사용
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] document (0) | 2023.07.20 |
|---|---|
| [JavaScript] JSON (0) | 2023.07.20 |
| [JavaScript] Array (0) | 2023.07.19 |
| [JavaScript] function(함수) (0) | 2023.07.19 |
| [JavaScript] Math.~(함수) (0) | 2023.07.19 |
