tenntenn/timeout.html

## timeout.html
<!DOCTYPE html>
<html>
  <head>
    <script>
      var TIMEOUT = 1* 1000;

      setTimeout(function() {
        if (document.readyState === 'complete') {
          return;
        }

        alert('timeout!');
      }, TIMEOUT);

      document.addEventListener('readystatechange', function() {
        console.log(document.readyState);
      }, false);
    </script>
  </head>
  <body>
    <script>
      console.log('start');
      var STOP = 5 * 1000;
      var before = new Date().getTime();
      while(true) {
        if (new Date().getTime() - before > STOP) {
          break;
        }
      }
      console.log('done');
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script>
	var TIMEOUT = 1* 1000;

	setTimeout(function() {
	if (document.readyState === 'complete') {
	return;
	}

	alert('timeout!');
	}, TIMEOUT);

	document.addEventListener('readystatechange', function() {
	console.log(document.readyState);
	}, false);
	</script>
	</head>
	<body>
	<script>
	console.log('start');
	var STOP = 5 * 1000;
	var before = new Date().getTime();
	while(true) {
	if (new Date().getTime() - before > STOP) {
	break;
	}
	}
	console.log('done');
	</script>
	</body>
	</html>