js-task1-2

java-css · java-css · commit ce54f0830ff4 · 2017-10-29T10:15:02.000+08:00
diff --git a/js-task1/js.js b/js-task1/js.js
@@ -1,8 +1,7 @@
 var boxs = document.getElementById('header').getElementsByTagName('div'); 
 var colors = ['red','plum','blue','green','cyan','black','pink','gray','brown'];
-
-function start(){
-	t = setInterval(function(){
+var timer = null;
+function changes(){
 		for (var i = 0; i < boxs.length; i++) {
 			boxs[i].style.background = "#ffa600";
 		}
@@ -45,15 +44,21 @@ function start(){
 		console.log(arr[i]);
 		console.log(i);
 	}
+}
 
+
+function start(){
+	clearInterval(timer);
+	timer = setInterval(function(){
+		changes();
 	},1000)
 }
 
 function stop(){
 	for (i = 0; i < boxs.length; i++) {
 		boxs[i].style.background="#ffa600";
 	}
-	clearInterval(t);
+	clearInterval(timer);
 }
 
 

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,7 @@`
`1`	`1`	`var boxs = document.getElementById('header').getElementsByTagName('div');`
`2`	`2`	`var colors = ['red','plum','blue','green','cyan','black','pink','gray','brown'];`
`3`		`-`
`4`		`-function start(){`
`5`		`- t = setInterval(function(){`
	`3`	`+var timer = null;`
	`4`	`+function changes(){`
`6`	`5`	`for (var i = 0; i < boxs.length; i++) {`
`7`	`6`	`boxs[i].style.background = "#ffa600";`
`8`	`7`	`}`
`@@ -45,15 +44,21 @@ function start(){`
`45`	`44`	`console.log(arr[i]);`
`46`	`45`	`console.log(i);`
`47`	`46`	`}`
	`47`	`+}`
`48`	`48`
	`49`	`+`
	`50`	`+function start(){`
	`51`	`+ clearInterval(timer);`
	`52`	`+ timer = setInterval(function(){`
	`53`	`+ changes();`
`49`	`54`	`},1000)`
`50`	`55`	`}`
`51`	`56`
`52`	`57`	`function stop(){`
`53`	`58`	`for (i = 0; i < boxs.length; i++) {`
`54`	`59`	`boxs[i].style.background="#ffa600";`
`55`	`60`	`}`
`56`		`- clearInterval(t);`
	`61`	`+ clearInterval(timer);`
`57`	`62`	`}`
`58`	`63`
`59`	`64`