How can one delay javascript function execution after page refresh? -
as 1 new javascript, have need retrieve data sessionstorage , populate parent input form after parent input refreshes update child records. able call function refresh page , function data sessionstorage independently, have been unable combine processes a) page reloads, , b) data retrieved sessionstorage after page reloads. how can 1 this?
my code page refresh (with attempt combine functions using settimeout method) follows:
<script> function refreshpage() { location.reload(); settimeout(getsessiondata, 4000); } </script> my function data out of sessionstorage follows:
<script> var inputcollection = document.getelementsbytagname("input"); function getsessiondata() { (var = 0; < inputcollection.length; i++) { if(document.getelementbyid(inputcollection[i].name) != null || document.getelementbyid(inputcollection[i].name) != undefined) { console.log(i + " " + inputcollection[i].name + "-" + inputcollection [i].value + "-"); if(document.getelementbyid(inputcollection[i].name).type != "file"){ document.getelementbyid(inputcollection[i].name).value = sessionstorage.getitem(inputcollection[i].name); }}} </script>
as executing function inside refreshpage() function execute previous instruction in order refresh page location.reload(), refresh page, function execution stopped due page reload , following code pending never executes.
you should put getsessiondata() function execution after page refresh/load on load event document body , remove refresh.
<html> <head> <!--many things --> <script> function refreshpage() { location.reload(); } </script> </head> <body onload="getsessiondata()"> <!-- body code --> </body> </html> if want add delay settimeout function should put function or inside getsessiondata
function getsessiondata() { settimeout(function(){ (var = 0; < inputcollection.length; i++) { if(document.getelementbyid(inputcollection[i].name) != null || document.getelementbyid(inputcollection[i].name) != undefined) { console.log(i + " " + inputcollection[i].name + "-" + inputcollection [i].value + "-"); if(document.getelementbyid(inputcollection[i].name).type != "file"){ document.getelementbyid(inputcollection[i].name).value = sessionstorage.getitem(inputcollection[i].name); } } } },4000); } 
Comments
Post a Comment