您的位置：首页 > Web前端

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

2016-10-17 14:50 351 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

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

相关文章推荐

新的分享

章节导航