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

    xiaoxiao2021-12-10  15

    <!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>
    转载请注明原文地址: https://ju.6miu.com/read-700257.html

    最新回复(0)