<head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script data-main="NightSkyAnimation" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.17/require.min.js"></script> </head> <body> <div class="col-sm-9" id="globe"> <canvas id="mvi" width="1000" height="1000" style="width: 100%; height: auto; background-color: black;"> </canvas> </div> </body> <script> setTimeout(function(){ var canvv=document.querySelector("#mvi"); canvv.id='mvi'; canvv.height=window.innerHeight; canvv.width=window.innerHeight; canvv.hidden=true; canvv.opacity=0.0; canvv.style.zIndex=1; console.log(canvv); },1200); </script>