간단한 자바스크립트 시계!
1140 단어 htmlcssjavascriptclock
구독 잊지 마세요!
코드는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>JS Clock</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@300&display=swap" rel="stylesheet">
<style>
* {
color: white;
margin: 0;
font-family: 'Montserrat Alternates', sans-serif;
}
p {
font-size: 200px;
position: absolute;
color: #9999ff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-shadow: 0px 0px 200px darkblue;
}
</style>
</head>
<body>
<p id="clock"></p>
<script>
setInterval(displayclock, 500);
function displayclock() {
var time = new Date();
var hrs = time.getHours();
var min = time.getMinutes();
var sec = time.getSeconds();
document.getElementById('clock').innerHTML = hrs + ":" + min + ":" + sec;
}
</script>
</body>
</html>
Reference
이 문제에 관하여(간단한 자바스크립트 시계!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/cristoferk/simple-javascript-clock-2i7k텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)