Дата мудрого аудио - PullRequest
Новая
       5

Дата мудрого аудио

0 голосов
/ 20 апреля 2020

У меня есть запрос на запуск определенного аудио на определенную дату.

Я сделал кнопку, и когда я нажимаю на кнопку, она запускает аудио с последним определенным днем ​​/ датой.

Предположим Я нажимаю кнопку 21-04-2020, поэтому Звук 1 должен быть запущен, и если я нажимаю ту же кнопку на 25-04-2020, так что Звук 2 должен быть запущен, и если я нажимаю ту же кнопку 30-04-2020, чтобы Звук 3 должен быть запущен.

Пожалуйста, сообщите и поддержите ваши идеи кодирования.

С уважением

1 Ответ

0 голосов
/ 20 апреля 2020

Попробуйте ниже в браузере или на https://jsfiddle.net/f3gLud0j/. Я добавил дополнительную строку, чтобы она сегодня тоже что-то играла. 

<!doctype html>
<body>
    <audio id="audio1" src="https://www.bing.com/th?id=ODT.568AACA7B196763CD786C8A8C0122A28&pid=Dictionary" crossorigin="anonymous"></audio>
    <audio id="audio2" src="https://www.bing.com/th?id=ODT.209BD0B2797DB160F28AC1F865E5541A&pid=Dictionary" crossorigin="anonymous"></audio>
    <audio id="audio3" src="https://www.bing.com/th?id=ODT.057218D423FC3A3DDEA88E2979608FBA&pid=Dictionary" crossorigin="anonymous"></audio>
    <button id="btn">Click to play</button>
    <script>
        const btn = document.getElementById( "btn" )
        btn.addEventListener( "click", buttonClick )
        function buttonClick() {
            const audioId = `audio${ getAudioNumber() }`
            const audioElement = document.getElementById( audioId )
            audioElement.play()
        }
        function getAudioNumber() {
            const niceDate = getNiceDateString()
            switch ( niceDate ) {
                case "21-4-2020": return 1
                case "25-4-2020": return 2
                case "30-4-2020": return 3
                case "20-4-2020": return 3 // Remove if don't want sound today
                default: alert( `Sorry, no audio today (date ${ niceDate })` )
            }
        }
        function getNiceDateString() {
            const date = new Date()
            return `${ date.getDate() }-${ date.getMonth() + 1 }-${ date.getFullYear() }`
        }
    </script>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...