Correcting teacher:天蓬老师
Correction status:qualified
Teacher's comments:能看懂就好
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>javascript对象</title>
</head>
<body>
<script type="text/javascript">
//js对象
//创建方法1
//注意格式
var obj = new Object();
obj.name = "aaa";
obj.age = "18";
console.log(obj);
//创建方法2
var obj1 = {name:"bbb",age:"28"};
console.log(obj1);
//javascript中类的概念较弱,直接定义对象
var obj2 = {
//类属性
name:"aaa",
age:"18",
//类方法
speak:function(){
console.log('speak');
},
};
console.log(obj2);
//类方法调用 在类中调用类方法也需要添加对象名,或者用this
obj2.speak();
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js定时器</title>
</head>
<body>
<button id="btn" onclick="send()">发送验证码</button>
<script type="text/javascript">
//js定时器
//setTimeout() 第一个参数是匿名函数 第二个参数是毫秒
setTimeout(function(){
console.log('页面加载完成');
},3000);
//匿名函数执行一次就找不到了 所以这个定时器只执行一次
//js延时器
//setInterval() 第一个参数是匿名函数 第二个参数是毫秒
var stime = setInterval(function(){
console.log('一直执行');
},1000);
//停止
clearInterval(stime);
var aa = setInterval(function(){
if(now < 13){
return;
}
//...
if(now > 14){
clearInterval(aa);
}
},1000);
//发送验证码倒计时
function send(){
var flag = 60;
var txt = document.getElementById('btn').textContent;
var timer = setInterval(function(){
document.getElementById('btn').textContent = flag+'秒后重试';
flag--;
if(flag<0){
clearInterval(timer);
document.getElementById('btn').textContent = txt;
}
},1000);
}
</script>
</body>
</html>
总结:比较实用,以前总是看不懂。经过这段时间对基础的学习以及老师对原理的讲解。感觉代码能清晰了,能看懂。