JSFiddle - React, Tailwind, and code Playground

iFrame loading

by tonytlwu

HTML

<pre id="debug"></pre>
<iframe id="frame"></iframe>
<button id="reload">reload</button>

JavaScript

var frame = document.querySelector('#frame');
frame.onload = function(){
	document.querySelector('#debug').innerHTML = 'loaded';
};
setFrameSrc = function(){
  frame.src = 'about:blank'
  document.querySelector('#debug').innerHTML = 'unloaded';
  setTimeout(function(){
    document.querySelector('#debug').innerHTML = 'loading';
    frame.src = 'https://placehold.it/2000x1400?'+new Date().getTime();  
  }, 0);
}
setFrameSrc();

document.querySelector('#reload').addEventListener('click', setFrameSrc);