WEB前端 | JS基础——(6)函数定时器

最新推荐文章于 2024-04-08 09:58:02 发布

Erosvan

最新推荐文章于 2024-04-08 09:58:02 发布

阅读量1k

点赞数

文章标签： javascript 函数定时器定时器 JS基础 Web前端

本文链接：https://blog.csdn.net/Erosvan/article/details/52838738

版权

<!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>函数定时器</title>
		<style type="text/css">
			div {
				width: 200px;
				height: 200px;
				background: red;
			}
		</style>
	</head>
	<body>
		<div id="red"></div>
	</body>
	<script type="text/javascript">
		// ==  ===
		// == 代表值相等， === 代表除了值相等之外，类型也要一样。
		// !=  !==
		// != 不等于 !== 不全等
		// 一个等号不会判断类型，两个等号会判断类型。


		// 选择排序
		var numArr = [11, 3, 6, 8, 34, 50, 9, 4, 46, 78, 56];
		for(var i = 0;i < numArr.length - 1; i++) {
			var minIndex = i;
			for(j = i + 1;j < numArr.length; j++) {
				if(numArr[minIndex] > numArr[j]) {
					minIndex = j;
				}
			}
			var temp = numArr[i];
			numArr[i] = numArr[minIndex];
			numArr[minIndex] = temp;
		}
		console.log(numArr);
		
		// 函数
		// 特性：在定义(实现)函数的时候，函数里面的代码不会直接执行。会等到这个函数被调用的时候才会执行。
		// document.getElementById('reddiv').onclick = function() {
			// console.log('123');
		// };

		// 定义函数 test 就是函数名;
		function test () {
			console.log('又到中午了，不知道吃什么');
		}

		// 调用函数
		test();

		// 有返回值的函数
		function getMoney () {
			console.log('我去赚钱了');
			return 100;
		}
		var money = getMoney ();
		var s = getMoney () + 10;
		console.log(money);
		console.log(s);

		// 有参数的函数	 num 形参
		// var num = 实参 30
		function print2x(num) {
			console.log(num * 2);
		}
		// 30 实参
		print2x(30);

		// 在使用有参数的函数的时候，形参的改变有可能引起实参的变化
		// var num = a;
		function change(num) {
			num[0] = 10;
		}
		var a = [1, 2, 3];
		change(a);
		console.log(a);

		// 有参数 有返回值的函数
		function sub(num1, num2){
			var num3 = num1 - num2;
			return num3;
		}
		sub(10, 5);
		console.log(sub(10, 5));

		// 函数就是对某一个特殊功能的封装，在以后需要用到这个功能的时候，只需要调用这个函数就可以，不需要每次都重写这个功能。

		// 作用域 一个变量的作用域指的就是这个变量可以在什么地方使用
		// 写在函数内部的变量，只能在本函数内部使用
		// 写在函数外部的变量，可以在函数外部使用，也可以在某个函数内部使用
		// 去掉var ，直接写 numa=17; 代表numa这个变量是全局的
		var numa = 17;
		function test2(){
			console.log(numa);
			numb = 18;
		}
		test2();
		console.log(numb);

		// 单次定时器 时间为毫秒

		setTimeout(function(){
			console.log('定时器执行了');
		},500);
		setTimeout(test,500);

		// 循环定时器
		setInterval(test,1000);

		// 清除定时器
		var timer = setInterval(test,1000);
		clearInterval(timer);

		var red = document.getElementById('red');
		red.onclick = function (){
			clearInterval(timer);
		}

		var string1 = "1 + 2 * 3 + 6";
		console.log(eval(string1));
	</script>
</html>

Erosvan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WEB前端 | JS基础——(6)函数定时器

函数定时器 div { width: 200px; height: 200px; background: red; } // == === // == 代表值相等， === 代表除了值相等之外，类型也要一样。 // != !== // != 不等于 !== 不全等 // 一个等号不会判断类型，两个等号会判
复制链接

扫一扫