first commit

inside-the-div · inside-the-div · commit 3e26eb5066a8 · 2019-12-10T06:54:37.000+06:00
diff --git a/custom.js b/custom.js
@@ -0,0 +1,49 @@
+// jquery file
+
+
+$(document).ready(function(){
+
+	// catch body
+	var body = $('body');
+
+	// now make a array of your color 
+	// add more color
+	var color = [
+		'red',
+		'green',
+		'blue',
+		'yellow',
+		'#00bcd4',
+		'#e91e63',
+		'#FF9801',
+		'#ff5722',
+		'rgb(58, 94, 105)'
+	];
+
+
+
+
+	var i = 0;
+
+	// make a function 
+	function changeColor(){
+		// add css to body 
+		body.css('background',color[i]);
+		// change value of i 
+		i++;
+
+		if(i>=color.length){
+			i=0;
+		}
+	}
+	// call function 
+	//changeColor();
+	// now change the value of `i` and call function 
+
+	setInterval(changeColor,1000);
+	// call function every 1s
+
+
+
+
+})
diff --git a/index.html b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Auto color change | javascript | jquery </title>
+	<!-- main css file -->
+	<link rel="stylesheet" href="style.css">
+</head>
+<body>
+	
+
+	
+	<!-- jquery cdn -->
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+	<!-- main script file / jquery file -->
+	<script src="custom.js"></script>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,5 @@
+body{
+	margin: 0px;
+	padding: 0px;
+	transition: 1.1s;
+}
