Calculator Tools Calculator Tools
Create

Tickety Toc Sparta Remix

Nov 19, 2023

About this app

Enjoy the fun Sparta Remix of the Tickety Toc theme song!

Tickety Toc Sparta Remix Tickety Toc Sparta Remix 🎶 ▶️ 🕒

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tickety Toc Sparta Remix</title>
<meta name="description" content="Enjoy the fun Sparta Remix of the Tickety Toc theme song!">
<meta name="keywords" content="Tickety Toc, Sparta Remix, Music, Fun, Kids, Entertainment">

<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Press Start 2P', cursive;
background: linear-gradient(45deg, #1db954, #1dd3b0);
color: #fff;
text-align: center;
padding: 50px;
}
.player-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 20px;
display: inline-block;
}
.play-button {
font-size: 48px;
background-color: #fff;
color: #1db954;
border: none;
border-radius: 50%;
padding: 20px;
cursor: pointer;
margin: 20px;
}
.play-button:focus {
outline: none;
}
.play-button:active {
transform: scale(0.9);
}
.emoji {
font-size: 48px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
</style>

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
const remixAudio = new Audio('https://example.com/tickety_toc_sparta_remix.mp3'); // Placeholder URL

document.getElementById('play-button').addEventListener('click', function() {
if (remixAudio.paused) {
remixAudio.play();
this.innerHTML = '⏸️';
} else {
remixAudio.pause();
this.innerHTML = '▶️';
}
});

remixAudio.addEventListener('ended', function() {
document.getElementById('play-button').innerHTML = '▶️';
});
});
</script>
</head>
<body>
<div id="main-container" class="container player-container">
<h1>Tickety Toc Sparta Remix 🎶</h1>
<button id="play-button" class="play-button">▶️</button>
<div class="emoji">🕒</div>
</div>
</body>
</html>