[js]자바스크립트로 실시간 디지털시계 만들기

언어/JavaScript 2017. 12. 4. 00:35

안녕하세요. 쥐똥박사입니다.

이번엔 javascript로 실시간으로 디지털 시계를 만들어봅시다.



html

1
2
3
4
<form name="timeForm" style="width: 100%; text-align: center; margin:40px">
  <img src="https://i.imgur.com/mF6EB7E.png" style=""><br>
  <input type="text" name="timeInput" class="timeInput" readonly="readonly">
</form>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
body{background: #000}
.timeInput{
  font-family: 나눔고딕,NanumGothic;
  font-size: 4em;
  border:1 #fff;
  color:#684816;
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  background: #000;
  font-weight: bold
}

JAVASCRIPT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
//1초마다 함수 갱신
function realtimeClock() {
  document.timeForm.timeInput.value = getTimeStamp();
  setTimeout("realtimeClock()", 1000);
}
 
 
function getTimeStamp() { // 24시간제
  var date = new Date();
 
  var f_date =
    //년-월-일  시:분:초
    leadingZeros(date.getFullYear(), 4) + '-' +
    leadingZeros(date.getMonth() + 1, 2) + '-' +
    leadingZeros(date.getDate(), 2) + ' ' +
    leadingZeros(date.getHours(), 2) + ':' +
    leadingZeros(date.getMinutes(), 2) + ':' +
    leadingZeros(date.getSeconds(), 2);
 
  return f_date;
}
 
//숫자 두자리 ex) 1이면 01 앞에 0을 붙임
function leadingZeros(date, digits) {
  var zero = '';
  date = date.toString();
 
  if (date.length < digits) {
    for (i = 0; i < digits - date.length; i++)
      zero += '0';
  }
  return zero + date;
}

결과


저작자표시

'언어 > JavaScript' 카테고리의 다른 글

자바스크립트 JavaScript 로또번호 생성 소스  (0) 2017.11.22
블로그 이미지

Gddong

,

해킹 관련 내용에 대해서

일상 2017. 12. 4. 00:05

안녕하세요. 쥐똥박사입니다.


제가 고민 중인게 

내 블로그에 해킹에 대해서 올릴까 말까 고민하고 있네요.

저는 지금 소프트웨어 개발자지만, 

지금은 화이트해커 배우고 있고, 웹 모의해킹을 배우고 있는 상태입니다.

물론 중 고급수준이 아니고 초급입니다. 


정보보안전문가가 되고 싶으신 분들과 같이 배워야 하나 싶습니다.

가장 큰 문제는 악용으로 이용하신 분들 때문에 고민 입니다.


그래서 하도 이것 저것 고민이 많이 하고 있네요.. ㅠ


나중에 편하게 생각하자. 기말시험기간이야.. 또륵

저작자표시

'일상' 카테고리의 다른 글

첫블로그 시작  (2) 2017.11.16
블로그 이미지

Gddong

,

Python(파이썬) 야구게임 소스

언어/Python 2017. 11. 30. 22:54

안녕하세요. 쥐똥박사입니다.

이번엔 파이썬으로 야구게임 만들어 봅니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
　
import random
# 게임을 위한 랜덤 숫자 생성
ran_num = ["0", "0", "0"]
ran_num[0] = str(random.randrange(1, 9, 1))
ran_num[1] = ran_num[0]
ran_num[2] = ran_num[0]
while (ran_num[0] == ran_num[1]):
    ran_num[1] = str(random.randrange(1, 9, 1))
while (ran_num[0] == ran_num[2] or ran_num[1] == ran_num[2]):
    ran_num[2] = str(random.randrange(1, 9, 1))
 
t_count = 0 # 횟수
s_count = 0 # 스트라이크
b_count = 0 # 볼
 
print("\n")
while ( s_count < 3 ):
    num = str(input("숫자 3자리를 입력하세요. ex)123 : "))
    if(num == ""):
        print("\n\n숫자를 입력해주세요. \n\n")
        continue
    if(len(num) != 3):
        print("\n\n숫자 3자리만 입력해주세요.\n\n")
        continue
    if(num.isalpha()):
        print("\n\n문자를 입력할 수 없습니다.\n\n")
        continue
 
    s_count = 0
    b_count = 0
 
    for i in range(0, 3):
        for j in range(0, 3):
            if(num[i] == str(ran_num[j]) and i == j):
                s_count += 1
            elif(num[i] == str(ran_num[j]) and i != j):
                b_count += 1
    print("\n[", s_count, "] 스트라이크! [", b_count, "] 볼!\n")
    t_count += 1
print(t_count, "번 만에 스트라이크!!")
　
결과:


저작자표시

'언어 > Python' 카테고리의 다른 글

[윈도우10] 파이썬(Python) 설치  (0) 2017.11.28
블로그 이미지

Gddong

,

공지사항

Tistory Cumulus Flash tag cloud by requires Flash Player 9 or better.

최근에 받은 트랙백

글 보관함

달력

«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

티스토리툴바