Giter VIP home page Giter VIP logo

stopwatch_cow_week8's Introduction

StopWatch_cow_week8

cow 8주차 정기활동 - stopwatch 만들기

요구사항

  • 시작, 중지, 리셋, 랩 버튼이 있는 타이머 표시 영역을 만들기
    • 각 버튼 및 영역에 대한 스타일 적용
  • 타이머를 시작하고 중지하는 기능 구현하기
    • 초기 화면은 시작 버튼 활성화
    • 타이머 시작 시 중지, 랩 버튼 활성화
    • 타이머 중지 시 시작, 리셋 버튼 활성화
  • 경과 시간을 표시하는 기능 구현하기
  • 랩타임 기능 구현하기: 사용자가 현재 경과 시간에 대한 랩타임을 저장하고 나중에 볼 수 있도록 화면 상에 표시하기
    • 새로 생기는 랩타임은 위에 추가되도록 기록
  • 밀리초까지 정확한 타이머 구현하기: setInterval() 함수와 new Date() 객체를 이용하여 밀리초까지 정확한 타이머 구현하기

초기 화면

스크린샷 2023-05-08 오후 2 15 41

시작

스크린샷 2023-05-08 오후 2 15 49

중단

스크린샷 2023-05-08 오후 2 15 55

재시작 및 기록

스크린샷 2023-05-08 오후 2 16 02

리셋

스크린샷 2023-05-08 오후 2 16 11

stopwatch_cow_week8's People

Contributors

hoya324 avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.