본문 바로가기

랜덤3

JavaScript 원하는 자릿수의 랜덤 숫자를 생성하는 함수 JavaScript에서 랜덤한 자릿수를 생성하려면 다음과 같이 할 수 있습니다. // 원하는 자릿수의 랜덤 숫자를 생성하는 함수 function generateRandomNumber(digits) { const min = Math.pow(10, digits - 1); const max = Math.pow(10, digits) - 1; return Math.floor(Math.random() * (max - min + 1) + min); } const digits = 10; // 원하는 자릿수 입력 const randomNum = generateRandomNumber(digits); const a = { src: `./video/upload/v${randomNum}.mp3`, crossorigin: "an.. 2023. 10. 13.
자동으로 페이드 아웃 및 페이드 인 효과를 주면서 배경색을 랜덤하게 변경 setInterval 함수를 사용하여 주기적으로 배경색을 변경하고, 페이드 효과를 적용할 수 있습니다. 아래는 그 예제 코드입니다. 시작 정지 이 코드에서는 setInterval 함수를 사용하여 3초마다 changeBackgroundColorWithFade 함수가 호출되도록 설정되어 있으며, 해당 함수에서 배경색을 랜덤하게 변경하고 페이드 효과가 적용됩니다. 또한 페이지가 로드될 때 자동으로 시작하고, "시작" 버튼을 클릭하여 시작하거나 "정지" 버튼을 클릭하여 중지할 수 있습니다. 2023. 9. 27.
제이쿼리 랜덤으로 배경색 변경 제이쿼리를 사용하여 웹 페이지의 배경색을 랜덤하게 변경하려면 다음과 같이 할 수 있습니다. 이 코드는 jQuery를 이용하여 버튼을 클릭하면 랜덤한 배경색이 적용되도록 만들어진 예제입니다. 먼저, HTML 파일을 작성합니다. 배경색 변경 위의 코드에서는 HTML에서 "배경색 변경" 버튼을 클릭할 때마다 getRandomColor 함수를 호출하여 랜덤한 RGB 색상을 생성하고, 그 색상을 요소의 배경색으로 설정합니다. jQuery를 사용하여 요소의 스타일을 변경하려면 css 함수를 사용합니다. 이렇게 하면 버튼을 클릭할 때마다 페이지의 배경색이 랜덤하게 변경됩니다. 2023. 9. 27.
반응형

Copyright ⓒ SmartWeb All rights reserved.