YOUTUBE: https://youtu.be/0hYzB8wiSS8
github: https://github.com/fiammasue/aboutme
GitHub - fiammasue/aboutme
Contribute to fiammasue/aboutme development by creating an account on GitHub.
github.com
github폴더안에 aboutme폴더가 이 프로젝트에대한 파일입니다.
css 미숙으로 화면이 이쁘게 디자인 되지 못했음 다시 수정하자
프로젝트 특이점: javascript를 이용하여 실시간으로 시간을 업로드가 됨
function show_time(){
var ontime= new Date();
var year = ontime.getFullYear()
var mon = ontime.getMonth()+1
var date = ontime.getDate()
var hour = ontime.getHours()
var min =ontime.getMinutes();
var sec = ontime.getSeconds();
document.getElementById('h1_2').innerHTML=
"현재시간 : "+year +"/"+mon+"/"+date+" "+hour+":"+min+":"+sec;
var t = setTimeout(function(){show_time()},1000)
}<해당 html 전체코드>
<html>
<head><title>현재시간</title></head>
<body onload="show_time()">
<div>
<h1 id='h1_1' >
<a href='index.html'>메인화면</a>
</h1>
</div>
<h1 id='h1_2'></h1>
</body>
<script type="text/javascript">
function show_time(){
var ontime= new Date();
var year = ontime.getFullYear()
var mon = ontime.getMonth()+1
var date = ontime.getDate()
var hour = ontime.getHours()
var min =ontime.getMinutes();
var sec = ontime.getSeconds();
document.getElementById('h1_2').innerHTML="현재시간 : "+year +"/"+mon+"/"+date+" "+hour+":"+min+":"+sec;
var t = setTimeout(function(){show_time()},1000)
}
</script>
</html><결과화면>
웹서핑을 통해 완벽하게 css,html도 하신 분 코드를 발견함
https://github.com/nayoung240/aboutme
GitHub - nayoung240/aboutme: 자기소개 프로젝트 (JSP&Servlet, CSS, JavaScript)
자기소개 프로젝트 (JSP&Servlet, CSS, JavaScript). Contribute to nayoung240/aboutme development by creating an account on GitHub.
github.com
'웹프로그래밍공부' 카테고리의 다른 글
| [javascript] nodejs서버열기 (0) | 2023.04.19 |
|---|
