Daten liegen auf den Rechner und werde nicht auf einen Server geladen.
Die Ordnerstruktur sieht so aus:
https://abload.de/img/ordnerstruckturqxu9o.jpg
jquery-3.3.1.min.js von dir runtergeladen und abgespeichert
link.xml:
<?xml version="1.0"?>
<!-- Sebastian1012 XML API v0.2 -->
<basti1012>
<links>
<title>Alles was man über Flexboxen wissen muss</title>
<link>href="
https://css-tricks.com/snippets/css/a-guide-to-flexbox/</link>
<bild>
https://cdn.css-tricks.com/apple-touch-icon.png</bild>
<unterschrift>Flexboxen</unterschrift>
</links>
<links>
<title>Hier gibtes hilfe und Cods für Javascript,Css und Html und Php</title>
<link>href="
https://werner-zenk.de/_/index.php</link>
<bild>
https://werner-zenk.de/_/img/favicon-96x96.png</bild>
<unterschrift>Webseiten Codes</unterschrift>
</links>
<links>
<title>Teste dein Code ob er Valide ist</title>
<link>href="
https://validator.w3.org/"></link>
<bild>
https://validator.w3.org/images/w3c.png</bild>
<unterschrift>Validator</unterschrift>
</links>
<test>Laufschrift Script(Wird nur einmal gezeigt)</test>
<test>Test Texte so viel man will...</test>
<test>Und immer mehr und immer mehr...</test>
<test>Ich weiß nicht was ich schreiben soll.</test>
<test>Aber egal wie viel...</test>
<test>mit Javascript läst sich alles auslesen</test>
<test>Wenn kein Text mehr da ist</test>
<test>Fängt er von vorne an </test>
</basti1012>
html Code:
<html>
<head>
<style>
#lauflicht{
height:100px;
width:100%;
font-size:100px;
color:white;
margin-top:20%;
border-top:5px solid black;
border-bottom:5px solid black;
background:green;
}
p{
position:absolute;
left:0;
word-break:no-break;
margin-top:10px;
animation:la 6s linear infinite;
}
@keyframes la{
0%{
left:100vw;
}100%{
left:-200vw;
}
}
</style>
</head>
<script src="C:\Desktop\Lauftext\jquery-3.3.1.min.js"></script>
<body>
<div id="lauflicht"><p></p></div>
<script>
var request = new XMLHttpRequest();
request.open("GET","C:\Desktop\Lauftext\link.xml");
request.setRequestHeader("X-Test","test1");
request.setRequestHeader("X-Test","test2");
request.addEventListener('load', function(event) {
function lauf(a){
if(a<=1){
var parser = new DOMParser();
var dom = parser.parseFromString(request.responseText, "application/xml");
daten=dom.getElementsByTagName('title')[a].textContent;
$('p').html(daten);
}else{
daten=dom.getElementsByTagName('title')[a].textContent;
a=0;
}
a++;
setTimeout(function(){lauf(a)},6000);
}
a=0;
lauf(a)
});
request.send();
</script>
</body>
</html>
