JavaScript: Wie Ausblenden / Einblenden <div>

Ich versuche zu vermeiden, mit innerHTML weil es bewirkt, dass mein browser stürzt ab, vermutlich wegen der 250 Millisekunden refresh-rate.

Trotzdem, ich hätte lieber einige Inhalte in eine versteckte <div> und machen die <div> nur sichtbar, wenn eine bestimmte Bedingung erfüllt ist. Was ist der beste Ansatz, um zu gehen, um dieses?

Im Grunde, was ich jetzt mache ist..

setInterval(function () {
    if (serverReachable()) {
        .... //lines of code
        .... //lines of code
    var changeIt = document.getElementById('change')
    changeIt.innerHTML = '';
           timeout = setInterval(function(){window.location.href = "Tracker.html";},5000);
        }
    } else {
        clearTimeout(timeout);
        timeout = null;
    var changeIt = document.getElementById('change')
    changeIt.innerHTML = 'offline';
   }
}, 250);

Dieser stürzt mein browser, weil ich bin nicht mit innerHTML drucken "offline", aber eine ganze <div>. Ich will diese <div> versteckt, und statt der Verwendung innetHTML einfach einblenden, wenn eine Bedingung erfüllt ist (in diesem Fall, keine internet-Verbindung).

  • Ich würde die setInterval() zu einer rekursiv aufgerufen setTimeout() - das sollte nicht sein, stürzt Ihr browser. Gewiß, die innere setInterval sollte ein setTimeout - ein Zeit-Ereignis.
InformationsquelleAutor Homie | 2012-12-30
Schreibe einen Kommentar