Ik heb de onderstaande java-script om de huidige datum weer te geven in het gegeven formaat Mon Jun 2 17:54:28 UTC+0530 2014 in een hta (html applicatie), nu wil ik om dit te laten verschijnen op een manier als Welkom de huidige datum van mijn systeem: Mon Jun 2 17:54:28 UTC+0530 2014 en deze tekst moet een hebben scrollable beïnvloedt voor bijvoorbeeld: een bewegend van rechts naar links.
Ik heb geprobeerd om de onderstaande tag te gebruiken om een scrollbare tekst te krijgen, maar hoe kan ik deze java-script variabele aanroepen in de <marquee>
tag zodat ik de datum en tijd van vandaag's ook krijg als onderdeel van de scrollbare effecten, maar het werkt niet voor mijn HTML pagina.
Gelieve mij te laten weten hoe ik dit probleem kan oplossen
HTML CODE:
<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
<i><font color="blue"><strong>Welcome</strong> Today's date is : </font></i>
</marquee>
JAVASCRIPT OM DE HUIDIGE DATUM EN TIJD WEER TE GEVEN:
<script language="javascript">
var today = new Date();
document.write(today);
</script>
Met marquee
tag.
HTML
<marquee behavior="scroll" bgcolor="yellow" loop="-1" width="30%">
<i>
<font color="blue">
Today's date is :
<strong>
<span id="time"></span>
</strong>
</font>
</i>
</marquee>
JS
var today = new Date();
document.getElementById('time').innerHTML=today;
[Fiddle demo hier][1]
Zonder marquee
tag en met CSS
.
HTML
<p class="marquee">
<span id="dtText"></span>
</p>
CSS
.marquee {
width: 350px;
margin: 0 auto;
background:yellow;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
color:blue;
font-size:18px;
}
.marquee span {
display: inline-block;
padding-left: 100%;
text-indent: 0;
animation: marquee 15s linear infinite;
}
.marquee span:hover {
animation-play-state: paused
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
JS
var today = new Date();
document.getElementById('dtText').innerHTML=today;
[Fiddle demo hier][2]
Dit zal je helpen.
debugger;
var today = new Date();
document.getElementById('date').innerHTML = today