iamdvr/javascriptPromiseUsage.html

## javascriptPromiseUsage.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <textarea rows="10" cols="50" name="console">N/A</textarea>
 <input type="button" onclick="javascript:callSomeAsyncThing();" value="ClickMe" />
 <input type="button" onclick="javascript:clearData();" value="Clear" />

<script id="jsbin-javascript">
var clearData = function() {
  document.getElementsByName("console")[0].value = "";
};

var delayFun = function (delay) {
  var preTime = new Date().getTime();
  var loopCnt = 0;
  while (true) {// noprotect
    var diff = (new Date().getTime()) - preTime;
    if (diff > delay) {
      console.log( diff + ' - ' + delay + ' : ' + loopCnt);
      break;
    }else{
      loopCnt++;
    }
  }
};

var someAsyncThing = function() {
  return new Promise(function(resolve, reject) {
    // this will throw, x does not exist
    var x = 4;
    var preDate = new Date();
    delayFun(300);
    var postDate = new Date();
    resolve(preDate + "\r\r" + postDate);
  });
};

var callSomeAsyncThing = function() {
  someAsyncThing()
    .then(function(data) {
      document.getElementsByName("console")[0].value = data;
    })
    .catch(function(error) {
      console.log('oh no', error);
    });
};
</script>


<script id="jsbin-source-javascript" type="text/javascript">

var clearData = function() {
  document.getElementsByName("console")[0].value = "";
};

var delayFun = function (delay) {
  var preTime = new Date().getTime();
  var loopCnt = 0;
  while (true) {// noprotect
    var diff = (new Date().getTime()) - preTime;
    if (diff > delay) {
      console.log( diff + ' - ' + delay + ' : ' + loopCnt);
      break;
    }else{
      loopCnt++;
    }
  }
};

var someAsyncThing = function() {
  return new Promise(function(resolve, reject) {
    // this will throw, x does not exist
    var x = 4;
    var preDate = new Date();
    delayFun(300);
    var postDate = new Date();
    resolve(preDate + "\r\r" + postDate);
  });
};

var callSomeAsyncThing = function() {
  someAsyncThing()
    .then(function(data) {
      document.getElementsByName("console")[0].value = data;
    })
    .catch(function(error) {
      console.log('oh no', error);
    });
};


</script></body>

</html>

## jsbin.wigegeqiyi.js
var clearData = function() {
  document.getElementsByName("console")[0].value = "";
};

var delayFun = function (delay) {
  var preTime = new Date().getTime();
  var loopCnt = 0;
  while (true) {// noprotect
    var diff = (new Date().getTime()) - preTime;
    if (diff > delay) {
      console.log( diff + ' - ' + delay + ' : ' + loopCnt);
      break;
    }else{
      loopCnt++;
    }
  }
};

var someAsyncThing = function() {
  return new Promise(function(resolve, reject) {
    // this will throw, x does not exist
    var x = 4;
    var preDate = new Date();
    delayFun(300);
    var postDate = new Date();
    resolve(preDate + "\r\r" + postDate);
  });
};

var callSomeAsyncThing = function() {
  someAsyncThing()
    .then(function(data) {
      document.getElementsByName("console")[0].value = data;
    })
    .catch(function(error) {
      console.log('oh no', error);
    });
};
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<textarea rows="10" cols="50" name="console">N/A</textarea>
	<input type="button" onclick="javascript:callSomeAsyncThing();" value="ClickMe" />
	<input type="button" onclick="javascript:clearData();" value="Clear" />

	<script id="jsbin-javascript">
	var clearData = function() {
	document.getElementsByName("console")[0].value = "";
	};

	var delayFun = function (delay) {
	var preTime = new Date().getTime();
	var loopCnt = 0;
	while (true) {// noprotect
	var diff = (new Date().getTime()) - preTime;
	if (diff > delay) {
	console.log( diff + ' - ' + delay + ' : ' + loopCnt);
	break;
	}else{
	loopCnt++;
	}
	}
	};

	var someAsyncThing = function() {
	return new Promise(function(resolve, reject) {
	// this will throw, x does not exist
	var x = 4;
	var preDate = new Date();
	delayFun(300);
	var postDate = new Date();
	resolve(preDate + "\r\r" + postDate);
	});
	};

	var callSomeAsyncThing = function() {
	someAsyncThing()
	.then(function(data) {
	document.getElementsByName("console")[0].value = data;
	})
	.catch(function(error) {
	console.log('oh no', error);
	});
	};
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">

	var clearData = function() {
	document.getElementsByName("console")[0].value = "";
	};

	var delayFun = function (delay) {
	var preTime = new Date().getTime();
	var loopCnt = 0;
	while (true) {// noprotect
	var diff = (new Date().getTime()) - preTime;
	if (diff > delay) {
	console.log( diff + ' - ' + delay + ' : ' + loopCnt);
	break;
	}else{
	loopCnt++;
	}
	}
	};

	var someAsyncThing = function() {
	return new Promise(function(resolve, reject) {
	// this will throw, x does not exist
	var x = 4;
	var preDate = new Date();
	delayFun(300);
	var postDate = new Date();
	resolve(preDate + "\r\r" + postDate);
	});
	};

	var callSomeAsyncThing = function() {
	someAsyncThing()
	.then(function(data) {
	document.getElementsByName("console")[0].value = data;
	})
	.catch(function(error) {
	console.log('oh no', error);
	});
	};


	</script></body>

	</html>