On-air script

S

strawbs

Joined
Jun 14, 2018
Messages
103
Reaction score
1
ok ta
VBService said:
Try this

JavaScript: 
(function(d) {
    function onair() {
        const dj = d.querySelector('#dj'),
            nd = new Date(),
            dy = nd.getDay(),
            hr = nd.getHours(),
            mn = nd.getMinutes();
        let txt = null;

        switch (dy) {
        case 1: // Monday
            if (hr === 8) // 8:00 - 8:59 - 60 minutes - 1 hour
                dj.src = 'djimages/kayley.jpg';

            if (hr === 13) { // 13:00 - 13:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Monday at 1 PM<br>Auto<br>With Bunny';
            }

            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/billy.jpg';
            break;
        case 2: // Tuesday
            if (hr === 8 && (mn >= 0 && mn <= 15)) // 8:00 - 8:15 - 15 minutes
                dj.src = 'djimages/kayley.jpg';

            if (hr === 13) { // 13:00 - 13:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Tuesday at 1 PM<br>Auto<br>With Bunny';
            }

            if (hr === 17) // 17:00 - 17:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
            break;
        case 3: // Wednesday
            if (hr === 8 && (mn >= 0 && mn <= 15)) // 8:00 - 8:15 - 15 minutes
                dj.src = 'djimages/off-air.jpg';

            if (hr === 15) // 15:00 - 15:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
            break;
        case 4: // Thursday
            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/strawbs.jpg';

            if (hr === 16) { // 16:00 - 16:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Monday at 1 PM<br>Auto<br>With Bunny';
            }
            break;
        case 5: // Friday
            if (hr === 13 || hr === 14) { // 13:00 - 14:59 - 2 hours
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Saturday at 8 AM<br>Christian Music<br>with Dj Bunny';
            }
            break;
        case 6: // Saturday
            if (hr === 2 || hr === 3) { // 2:00 - 3:59 - 2 hours
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Saturday at 8 AM<br>Christian Music<br>with Dj Bunny';
            }
            break;
        case 0: // Sunday
            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/strawbs.jpg';
            break;
        default:
            dj.src = 'djimages/strawbs.jpg';
            break;
        }

        if (txt) {
            if (document.querySelector('#who-on-air-txt'))
                document.querySelector('#who-on-air-txt').innerHTML = txt;
            else {
                tx = document.createElement('div');
                tx.style.color = 'white';
                tx.id = 'who-on-air-txt';
                tx.innerHTML = txt;
                dj.insertAdjacentElement('afterend', tx);
            }
        }
    }

    setInterval(function() { onair(); }, 1000);
})(document);

don't forget after re-loaded file showdj.js use on your computer CTRL+F5 ;)
Click to expand...
I'll wait till someone's on-air to see the change, is there any video's similar to this so i can get my head round this
 
S

strawbs

Joined
Jun 14, 2018
Messages
103
Reaction score
1
VBService said:
check over here: https://www.w3schools.com/
Click to expand...
i'v been just recently getting my head around javascript and watching a few videos
also from w3schools and learning the meaning of code?

now i'm trying to add a link underneath the djbunny when it's on-air
now tell me is this rite

you're looking where the let statements are?

Code: 
(function(d) {
  function onair() {
    const dj = d.querySelector('#dj'),
          tx = document.createElement('div'),
          nd = new Date(),
          dy = nd.getDay(),
          hr = nd.getHours(),                          
          mn = nd.getMinutes();
          let text = "Bunny's Requests!";
          let result = text.link;
 
VBService

VBService

Joined
Jul 4, 2023
Messages
368
Reaction score
41
strawbs said:
let text = "Bunny's Requests!"; let result = text.link;
Click to expand...
is better way with <a> element.

I have check code: https://coolvibes-reloaded.com/scripts/showdj.js
the code is a little bit incorrect.

Try this way
JavaScript: 
(function(d) {
    function onair() {
        const dj = d.querySelector('#dj'),
            nd = new Date(),
            dy = nd.getDay(),
            hr = nd.getHours(),
            mn = nd.getMinutes();
        let txt = null;

        switch (dy) {
        case 1: // Monday
            if (hr === 8) // 8:00 - 8:59 - 60 minutes - 1 hour
                dj.src = 'djimages/kayley.jpg';

            if (hr === 13) { // 13:00 - 13:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = '<a href="https://YOURLINK.COM" target="_blank">Monday at 1 PM<br>Auto<br>With Bunny</a>';
            }

            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/billy.jpg';
            break;
        case 2: // Tuesday
            if (hr === 8 && (mn >= 0 && mn <= 15)) // 8:00 - 8:15 - 15 minutes
                dj.src = 'djimages/kayley.jpg';

            if (hr === 13) { // 13:00 - 13:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Tuesday at 1 PM<br>Auto<br>With Bunny';
            }

            if (hr === 17) // 17:00 - 17:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
            break;
        case 3: // Wednesday
            if (hr === 8 && (mn >= 0 && mn <= 15)) // 8:00 - 8:15 - 15 minutes
                dj.src = 'djimages/off-air.jpg';

            if (hr === 15) // 15:00 - 15:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
            break;
        case 4: // Thursday
            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/strawbs.jpg';

            if (hr === 16) { // 16:00 - 16:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Monday at 1 PM<br>Auto<br>With Bunny';
            }
            break;
        case 5: // Friday
            if (hr === 13 || hr === 14) { // 13:00 - 14:59 - 2 hours
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Saturday at 8 AM<br>Christian Music<br>with Dj Bunny';
            }
            break;
        case 6: // Saturday
            if (hr === 2 || hr === 3) { // 2:00 - 3:59 - 2 hours
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Saturday at 8 AM<br>Christian Music<br>with Dj Bunny';
            }
            break;
        case 0: // Sunday
            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/strawbs.jpg';
            break;
        default:
            dj.src = 'djimages/strawbs.jpg';
            break;
        }

        // this code is necessary, do not change --------- 
        if (txt) {
            if (document.querySelector('#who-on-air-txt'))
                document.querySelector('#who-on-air-txt').innerHTML = txt;
            else {
                tx = document.createElement('div');
                tx.style.color = 'white';
                tx.id = 'who-on-air-txt';
                tx.innerHTML = txt;
                dj.insertAdjacentElement('afterend', tx);
            }
        }
        // -----------------------------------------------
    }

    setInterval(function() { onair(); }, 1000);
})(document);
 
S

strawbs

Joined
Jun 14, 2018
Messages
103
Reaction score
1
VBService said:
is better way with <a> element.

I have check code: https://coolvibes-reloaded.com/scripts/showdj.js
the code is a little bit incorrect.

Try this way
JavaScript: 
(function(d) {
    function onair() {
        const dj = d.querySelector('#dj'),
            nd = new Date(),
            dy = nd.getDay(),
            hr = nd.getHours(),
            mn = nd.getMinutes();
        let txt = null;

        switch (dy) {
        case 1: // Monday
            if (hr === 8) // 8:00 - 8:59 - 60 minutes - 1 hour
                dj.src = 'djimages/kayley.jpg';

            if (hr === 13) { // 13:00 - 13:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = '<a href="https://YOURLINK.COM" target="_blank">Monday at 1 PM<br>Auto<br>With Bunny</a>';
            }

            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/billy.jpg';
            break;
        case 2: // Tuesday
            if (hr === 8 && (mn >= 0 && mn <= 15)) // 8:00 - 8:15 - 15 minutes
                dj.src = 'djimages/kayley.jpg';

            if (hr === 13) { // 13:00 - 13:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Tuesday at 1 PM<br>Auto<br>With Bunny';
            }

            if (hr === 17) // 17:00 - 17:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
            break;
        case 3: // Wednesday
            if (hr === 8 && (mn >= 0 && mn <= 15)) // 8:00 - 8:15 - 15 minutes
                dj.src = 'djimages/off-air.jpg';

            if (hr === 15) // 15:00 - 15:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
            break;
        case 4: // Thursday
            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/strawbs.jpg';

            if (hr === 16) { // 16:00 - 16:59 - 60 minutes - 1 hour
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Monday at 1 PM<br>Auto<br>With Bunny';
            }
            break;
        case 5: // Friday
            if (hr === 13 || hr === 14) { // 13:00 - 14:59 - 2 hours
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Saturday at 8 AM<br>Christian Music<br>with Dj Bunny';
            }
            break;
        case 6: // Saturday
            if (hr === 2 || hr === 3) { // 2:00 - 3:59 - 2 hours
                dj.src = 'djimages/djbunny.jpg';
                txt = 'Saturday at 8 AM<br>Christian Music<br>with Dj Bunny';
            }
            break;
        case 0: // Sunday
            if (hr === 21) // 21:00 - 21:59 - 60 minutes - 1 hour
                dj.src = 'djimages/strawbs.jpg';
            break;
        default:
            dj.src = 'djimages/strawbs.jpg';
            break;
        }

        // this code is necessary, do not change ---------
        if (txt) {
            if (document.querySelector('#who-on-air-txt'))
                document.querySelector('#who-on-air-txt').innerHTML = txt;
            else {
                tx = document.createElement('div');
                tx.style.color = 'white';
                tx.id = 'who-on-air-txt';
                tx.innerHTML = txt;
                dj.insertAdjacentElement('afterend', tx);
            }
        }
        // -----------------------------------------------
    }

    setInterval(function() { onair(); }, 1000);
})(document);
Click to expand...
thank you so much, just out of spite
"where are you getting you're code from?"
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

On-air script 0
Help with code 0
Help with my responsive home page 2
Help me sort out this script 1
Working on mobile css menu with plenty of frustration! 2
Very Basic CC Validation Javascript 0
MemoryError in data conversion 10
Is there any difference of g++ 3.4.3 and g++ 3.3.4 ? 2

Members online

Total: 30 (members: 2, guests: 28)
Robots: 168

Forum statistics

Threads
473,777
Messages
2,569,604
Members
45,230
Latest member
LifeBoostCBD

Latest Threads

Top