Delay på jquery

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
Ajax2002



Medlem i: 6076 dagar
Från: Falun
Status: Offline



#742039
Inlägg Skrivet: 2017-12-12 18:44      Ämne: Delay på jquery Citera

Hej!
Jag har ett script i jquery som skickar mitt formulär. Jag skulle vilja ha en delay på 2 sekunder. Se kod:

KOD:
1:
<script>
2:
function submitForm() {
3:
   document.getElementById("loading").style.visibility = "visible";
4:
           
5:
  var form_data = new FormData(document.getElementById("myform"));
6:
  form_data.append("label", "WEBUPLOAD");
7:
  $.ajax({
8:
      url: "register.php",
9:
      type: "POST",
10:
      data: form_data,
11:
      processData: false,  // tell jQuery not to process the data
12:
      contentType: false   // tell jQuery not to set contentType
13:
  }).done(function( data ) {
14:
    console.log(data);
15:
    //Perform ANy action after successfuly post data
16:
   $("#error").html("<p><span style='color:#cc0000'>Status:</span> Ärende inlagt!</p> ");
17:
   document.getElementById("loading").style.visibility = "hidden";
18:
   document.getElementById("myform").reset();
19:
   $('#footer').load('count.php').fadeIn("slow");
20:
       
21:
  });
22:
  return false;     
23:
}
24:
</script>

Vid "submit" så sker "document.getElementById("loading").style.visibility = "visible";" där min lilla laddnings-indikator visas. Denna skulle jag vilja tvinga visas i 2 sekunder innan scriptet går till success.

Finns det något bra sätt att lösa detta på?
 

_________________
Ha alltid kvalite´på din träning.
Dessutom var positiv! Se möjligheterna, inte hindren
Till toppen på sidan
Visa användarprofil Skicka privat meddelande MSN Messenger ICQ-nummer
harald_b
Moderator



Medlem i: 4658 dagar
Från: Tavesta
Status: Offline



#742040
Inlägg Skrivet: 2017-12-14 02:25      Ämne: Citera

Funktionen setTimeout() kör angiven funktion efter angiven tid i milisekunder. Den kan lösa sådant:

KOD:
1:
setTimeout(function(){ document.getElementById("loading").style.visibility = "hidden";}, 2000);
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Ajax2002



Medlem i: 6076 dagar
Från: Falun
Status: Offline



#742042
Inlägg Skrivet: 2017-12-18 10:30      Ämne: Citera

harald_b skrev:
Funktionen setTimeout() kör angiven funktion efter angiven tid i milisekunder. Den kan lösa sådant:

KOD:
1:
setTimeout(function(){ document.getElementById("loading").style.visibility = "hidden";}, 2000);
Vad kan det vara för fel när div:en (i detta fall loading) inte försvinner efter 2000ms? Utan laddnings-div:en står kvar och ändras aldrig till hidden?
 

_________________
Ha alltid kvalite´på din träning.
Dessutom var positiv! Se möjligheterna, inte hindren
Till toppen på sidan
Visa användarprofil Skicka privat meddelande MSN Messenger ICQ-nummer
harald_b
Moderator



Medlem i: 4658 dagar
Från: Tavesta
Status: Offline



#742043
Inlägg Skrivet: 2017-12-18 13:31      Ämne: Citera

Körs funktionen setTimeout() vid rätt tillfälle?
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Ajax2002



Medlem i: 6076 dagar
Från: Falun
Status: Offline



#742045
Inlägg Skrivet: 2017-12-19 11:42      Ämne: Citera

Jag bytte ut vid rad 17 (se tidigare snippet).
 

_________________
Ha alltid kvalite´på din träning.
Dessutom var positiv! Se möjligheterna, inte hindren
Till toppen på sidan
Visa användarprofil Skicka privat meddelande MSN Messenger ICQ-nummer
harald_b
Moderator



Medlem i: 4658 dagar
Från: Tavesta
Status: Offline



#742046
Inlägg Skrivet: 2017-12-19 14:44      Ämne: Citera

Testa att ändra så du istället kör:
KOD:
1:
setTimeout(function(){ alert('nu har det gått 2 sekunder!');}, 2000);

Då ser du om det är setTimeout eller något annat som strular
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic