JAVASCRIPT - "Code inside event" timeout? o.O -

-

i have event inside page

window.addeventlistener("load", function(){  	           var load_screen = document.getelementbyid("load_screen");  	           document.getelementsbytagname("body")[0].setattribute("class", "loaded");              })

wich adds attribute body class="loaded" when page loaded because of added cool preloader effect i'd make event wait 3-5 seconds before showing real page, if loaded (but of course wait more if not loaded). possible in way?

if want delay minimum of 5 seconds, can capture time @ point establish event handler (i.e., before "load" event has fired), , check time again in handler.

var starttime = date.now(); window.addeventlistener("load", function(){   var load_screen = document.getelementbyid("load_screen");   settimeout(function() {     document.getelementsbytagname("body")[0].setattribute("class", "loaded");   }, math.max(0, 5000 - (date.now() - starttime))); });

also there's no reason use .setattribute() set class:

    document.getelementsbytagname("body")[0].classname = "loaded";

personally i'd either use .classlist facility or go old-school , add new class:

    document.getelementsbytagname("body")[0].classname += " loaded";

that way don't step on other classes may (possibly in future) on <body>.


Comments

Post a Comment

Popular posts from this blog

node.js - How to mock a third-party api calls in the backend -

-
i'm testing application mocha , supertest, test like var request = require('supertest'), app = require('./bootstrap.js'); describe('...', function() { it('...', function() { request(app) .get('/some/url') // ... }); }); the bootstrap.js real application before listen ports all works perfect have add calls third-party api , testing slow so when do, test example takes 5 seconds request(app) .get('/my/endpoint/that/makes/call/others') // ... how can make fake calls during test real when running application? you can use nock purpose.
Read more

node.js - Why do I get "SOCKS connection failed. Connection not allowed by ruleset" for some .onion sites? -

-
i'm experimenting node , socks5-https-client . reason, tor hidden service ( .onion ) sites return connection error. for example, connecting duckduckgo ( 3g2upl4pq6kufc4m.onion ) works , returns html. however, connecting pirate bay ( uj3wazyk5u4hnvtk.onion ) or torch ( xmh57jrzrnw6insl.onion ) returns... error: socks connection failed. connection not allowed ruleset. what error mean? how can avoid it? here's code reproduce it: var shttps = require('socks5-https-client'); shttps.get({ hostname: '3g2upl4pq6kufc4m.onion', path: '', sockshost: '127.0.0.1', socksport: 9150, rejectunauthorized: false }, function(res) { res.setencoding('utf8'); res.on('readable', function() { console.log(res.read()); // log response console. }); }); the error seems caused 0x02 value in field 2 of server response. in summary the servers you're failing access don't support ...
Read more

java - Cannot resolve constructor when using ArrayAdapter -

-
i'm getting myself in muddle arrayadapter i'm trying put together. i've got constructor, person, used put people go in list. i'm putting arraylist of type person make readable list. i put arrayadapter list can seen in listview, i'm getting "cannot resolve constructor" code. i've tried countless possible solutions on site including trying use getactivity() or in place of peopleactivity.this, cannot code compile. i've tried referencing constructor class in arrayadapter, gives me error it's not enclosing class. person.class (constructor) import android.text.editable; public class person { public person person; private editable personname; public person(editable a) { personname = a; } public void setname(editable personname){ this.personname = personname; } public editable getname() { return personname; } } peopleactivity - populatelistview arraylist<person> peoplelistv = new arraylist<person>(); ... ...
Read more