JS8

1.事件
点击事件：oncllick onmouseover
鼠标移动事件：onmousemove （淘宝的图片展示）
onfocus：针对表单元素（表单元素）
onblur:失去焦点事件（表单元素）
onchange: 值发生变化时的时候触发

按钮

var btn=document.getElementbyID(“btn”)
btn.onClick=function(){
alert(1)
}

或者用 onmouseover onmouseout

var username=document.getElementById("username

username.οnfοcus=fucnction(){
console.log(“我获得焦点了”)
}

练习：手机号的提示
手机号：
您的输入有误

var username=document.getElementById(“username”)
var tip=document.getElementById(“tip”)
var reg=/^1[3-9]d(9)$/

var reg=/^1[3-9]d(9)$/

username.οnblur=function(){
if(reg.text(username.value)){
tip.style.display=“none”
alert(“恭喜您注册成功”)
} else{
tip.style.display=“inline”
}

2.定时器

概念：让网页无人值守的时候自动操作

网页的轮播图

一次性定时器：等待一定的事件干什么事，应用：双11,setTimeout()
周期性定时器：每隔一段时间干什么事 setInterval()
**定时器是一个异步多线程的程序

语法：
setTimeout(函数名／直接放整个函数，等待的时间) ,单位是毫秒
setInterval(干什么事，间隔的时间)

调用方法： window.setTimeOut()

如何停止定时器：

clearInterval()
clearTimeout()

**第一个参数要不是一个函数名，要不就是一个整个函数

举例：
function clock(){
console.log(“我执行一次”)
}

setInterval(clock,1000)
或者
setInterval（function(){console.log(1),1000}）

举例：

var words=document,ElementById(“hotwords”)——在js中找到html中的id
var hotwords=[“iphone11”,“ipadpro”,“华为P30”，“外星人电脑”，“劳斯莱斯”，“阿迪达斯”]

function change(){
for( var i=0;I<hotwords.length,i++){
words.innerHTML=hotwords[i]
}
}

setInternal（change,2000）

以上不对

var words=document,ElementById(“hotwords”)——在js中找到html中的id
var hotwords=[“iphone11”,“ipadpro”,“华为P30”，“外星人电脑”，“劳斯莱斯”，“阿迪达斯”]
var n=0;

function change(){

if(n<hotwords.lengh){
words.innerHTml=hotwords[n]
n++
}else{
n=0;
}
}

setInternal（change,2000）

举例2:

var n=0;

function change(){

if(n<10){
n++
}else{
clearInterval(timer)
timer=null;(释放内存)
}
console.log(n)
}

var timer=setInterval(change.500)

举例3
写一个时钟

var time=document.getElementById(“clock”)
var now=new Date();
function clock(){
time.innerHTML=new Date().toLocalTimeString()
}

var timer=setInterval(clock,1000)

举例4:倒计时计时器

举例5:定时器写一个动画效果——帧数

关闭