tilhom/gist:c793a08033041500503468ac4658bb3b

## gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>For</title>
	<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
	<div class="container">
		<h1>Hello loops!</h1>
		<h2 id="score"></h2>
		<p>
			<button class="btn btn-primary" onclick="loopFor()">For</button>
			<button class="btn btn-success" onclick="loopWhile()">While</button>
			<button class="btn btn-danger" onclick="resetText()">Reset</button>
			<button class="btn btn-warning" onclick="clearInterval(myAlert)">
				Stop <br>Alert</button>
			</p>
			<div class="row">
				<div class="col border">
					<div id="for"> </div>
				</div>
				<div class="col border">
					<div id="while"> </div>
				</div>
			</div>

		</div>
		<script type="text/javascript">
			function loopFor() {
				let elem_div = document.querySelector('#for');
				let string ='';
				for (var i = 0; i < 1000; i++) {
					string +="<h3>"+(i+1)+". Маму надо слушаться!!!</h3>";
				}
				elem_div.innerHTML = string;
			}

			function loopWhile(){
				let elem_div = document.querySelector('#while');
				let string ='';
				let i=0;
				while(true) {
					string +="<h3>"+(i+1)+". Папу надо слушаться!!!</h3>";
					i++;
					if(i==1000) break;
				}
				elem_div.innerHTML = string;
			}
			function resetText(){
				document.querySelector('#for').innerText='';
				document.querySelector('#while').innerText='';
			}
			let myDate = new Date();
			console.log(myDate);
			console.log(myDate.getDate());
			console.log(myDate.getHours());
			console.log(myDate.getMinutes());
			console.log(myDate.getSeconds());
			console.log(myDate.getYear());
			console.log(myDate.getMonth());
			let myAlert = setInterval('alert("hello")',5000);
			let myClock = setInterval(myWatch,1000);
			setTimeout(loopFor,2000);
			setTimeout(loopWhile,3000);
			setTimeout(resetText,5000);


			let start = new Date();
			function myWatch()	{
				var diff = new Date();
			// var diff = new Date(d.getTime() - start.getTime());
			h = diff.getHours();
			m = diff.getMinutes();
			s = diff.getSeconds();
			result = h+":"+(m<=9 ? '0' + m : m)+":"+(s<=9 ? '0' + s : s);
			document.querySelector('#score').innerText = result;
		}

	</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>For</title>
	<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	</head>
	<body>
	<div class="container">
	<h1>Hello loops!</h1>
	<h2 id="score"></h2>
	<p>
	<button class="btn btn-primary" onclick="loopFor()">For</button>
	<button class="btn btn-success" onclick="loopWhile()">While</button>
	<button class="btn btn-danger" onclick="resetText()">Reset</button>
	<button class="btn btn-warning" onclick="clearInterval(myAlert)">
	Stop <br>Alert</button>
	</p>
	<div class="row">
	<div class="col border">
	<div id="for"> </div>
	</div>
	<div class="col border">
	<div id="while"> </div>
	</div>
	</div>

	</div>
	<script type="text/javascript">
	function loopFor() {
	let elem_div = document.querySelector('#for');
	let string ='';
	for (var i = 0; i < 1000; i++) {
	string +="<h3>"+(i+1)+". Маму надо слушаться!!!</h3>";
	}
	elem_div.innerHTML = string;
	}

	function loopWhile(){
	let elem_div = document.querySelector('#while');
	let string ='';
	let i=0;
	while(true) {
	string +="<h3>"+(i+1)+". Папу надо слушаться!!!</h3>";
	i++;
	if(i==1000) break;
	}
	elem_div.innerHTML = string;
	}
	function resetText(){
	document.querySelector('#for').innerText='';
	document.querySelector('#while').innerText='';
	}
	let myDate = new Date();
	console.log(myDate);
	console.log(myDate.getDate());
	console.log(myDate.getHours());
	console.log(myDate.getMinutes());
	console.log(myDate.getSeconds());
	console.log(myDate.getYear());
	console.log(myDate.getMonth());
	let myAlert = setInterval('alert("hello")',5000);
	let myClock = setInterval(myWatch,1000);
	setTimeout(loopFor,2000);
	setTimeout(loopWhile,3000);
	setTimeout(resetText,5000);


	let start = new Date();
	function myWatch() {
	var diff = new Date();
	// var diff = new Date(d.getTime() - start.getTime());
	h = diff.getHours();
	m = diff.getMinutes();
	s = diff.getSeconds();
	result = h+":"+(m<=9 ? '0' + m : m)+":"+(s<=9 ? '0' + s : s);
	document.querySelector('#score').innerText = result;
	}

	</script>
	</body>
	</html>