Forum Mjukvara Programmering och digitalt skapande Tråd

html/javscript text, delay, ta bort text etc

1
Skriv svar
Permalänk
Medlem
●

html/javscript text, delay, ta bort text etc

Är det möjligt att skapa en text i html som försvinner efter en anpassad tid och sedan kommer ett nytt ord efter en anpassad tid etc..

Alltså ungefär såhär:
text
delay, tar väck text.
ny text
delay, tar väck text.
ny text
etc

Om inte, så hur gör man det enklast i javascript?

Tack på förhand!

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Mjmackan:

Är det möjligt att skapa en text i html som försvinner efter en anpassad tid och sedan kommer ett nytt ord efter en anpassad tid etc..

Alltså ungefär såhär:
text
delay, tar väck text.
ny text
delay, tar väck text.
ny text
etc

Om inte, så hur gör man det enklast i javascript?

Tack på förhand!

Gå till inlägget

Nej, inte i HTML. Men i javascript är det svinenkelt. Kika på setInterval() eller setTimeout()

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Det går inte att göra i HTML utan du får som du säger ta hjälp av Javascript - lättast är att göra det med JQuery

Visa signatur

~. Citera så jag hittar tillbaka .~

Redigera
Citera flera Citera
Permalänk
Medlem
●

http://www.w3schools.com/jquery/jquery_fade.asp

Där finns lite angående det här

EDIT: Ja för att kunna sätta en delay kan du använda setTimeOut()

Visa signatur

Intel Core i7 4770K 4.2GHz | Asus Geforce GTX 780 DCU II | A-Data 16GB 1600MHz | Asus Maximus VII Hero Z97 | NZXT H440 Svart/Röd | EVGA Supernova G2 750W | Eizo Foris FS2333 | be quiet! Dark Rock Pro 3 | Samsung SSD EVO 256GB | WD 2TB Red 7200RPM

Redigera
Citera flera Citera
Permalänk
Medlem
●

Återigen tack, har haft tanken på JQuery men slipper helst de.

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Avstängd
●

Men suck kan inte folk sluta rekommendera jQuery i tid och otid. jQuery är jättebra för att manipulera DOM element, animera, etc. Men när det gäller att kapsla logik blir koden till slut väldigt svårförvaltad.

Kolla på knockout istället, med KO blir koden

html

<div data-bind="text: someText"></div>

JS

SomeTextViewModel  = function(getNextText) {
   this.someText = ko.observable();
   
   setInterval(function() {
      this.someText(getNextText()); //getSomeText() byts ut till nån form av service för att hämta texten
   }.bind(this), 1000);
};

ko.applyBindings(new SomeTextViewModel(textService));

Men är det verkligen på tid du vill göra detta? Utan att veta use cases så rekomendderar jag dig att titta på ass Pusha ut staten istället så kallad Immediate update

Visa signatur

Min blogg

Redigera
Citera flera Citera
Permalänk
Medlem
●

Koden kommer användas privat så det enda jag begär att det fungerar som de ska, jag är ny på detta så kan nästan igenting om just javascript. Jag testar mig fram med metoderna ni skrivit och ser vilket som är enklast, tack så himla mycket!

Edit: Undrar också vad man kan använda istället för math.random? Vill inte att de ska vara slumpmässigt.

var index = Math.round(Math.random() * 4);
Senast redigerat
Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av Mjmackan:

Koden kommer användas privat så det enda jag begär att det fungerar som de ska, jag är ny på detta så kan nästan igenting om just javascript. Jag testar mig fram med metoderna ni skrivit och ser vilket som är enklast, tack så himla mycket!

Edit: Undrar också vad man kan använda istället för math.random? Vill inte att de ska vara slumpmässigt.

var index = Math.round(Math.random() * 4);
Gå till inlägget

Använd en variabel som du inkrementerar exempelvis?

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara