LED-Laufschrift
Share
Description
LED-Laufschrift <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LED-Laufschrift</title> <style> @font-face { font-family: 'Intellecta Digital'; src: url('digital.ttf') format('truetype'); } body { background-color: #201f20; } #svg-container { width: 50% } #led-display { font-family: 'Intellecta Digital', sans-serif; } </style> </head> <body> <?php $svg_content = file_get_contents("./text-min.svg"); echo '<div id="svg-container">' . $svg_content . '</div>'; ?> <script> document.addEventListener("DOMContentLoaded", function() { const ledDisplay = document.getElementById("led-display"); let textToDisplay = "ABCDEFGHIJKLMNOPQERST>UVWXYZ-0123456789-"; function updateDisplay() { ledDisplay.textContent = textToDisplay; } // Hier kannst du die Geschwindigkeit der Laufschrift einstellen const scrollSpeed = 100; // in Millisekunden setInterval(function() { textToDisplay = textToDisplay.substring(1) + textToDisplay[0]; updateDisplay(); }, scrollSpeed); }); </script> </body> </html>
License
More about SVG
Size 0.48 MB
Date: 13/02/2024
No. of downloads: 16