为了账号安全,请及时绑定邮箱和手机立即绑定
老师 好温柔,听起来舒服
停止的时候把timer置为null,可以通过判断timer是否为null而不用flag
为啥我的ie可以用addEventListenter,难道我的是假ie
感觉老师真的很呆很萌很可爱 哈哈。
可惜慕课网没有踩系统
css代码里面好像用的css3中的属性,css3还没学
封装事件监听,封装函数,调用事件监听,执行函数
type,target,stopPropagation,preventDefault,bubbles,cancelable
HTML事件处理程序(现在不建议使用了):事件直接加在HTML代码中

缺点:HTML和js代码高耦合,如果修改,就要修改两个地方--HTML元素内和script函数。
换成1.5倍速 T T
为了能听见老师的声音很好听,希望能经常有你的声音陪伴!
对于@qq_沃德天维森陌拉莫帅yb_0 同学说的为了方便而不在参数里设置type,那也只是对于这个点击事件来说方便了,如果想要设置其它事件,那还要一个个进函数里修改。这里加上是为了函数的抽象化,增加函数的复用性,以后想要设置其它事件了,直接在参数里设置就好了,这样更方便调用。
window.onload=function(){
play.onclick=playFun;
stop.onclick=stopFun;
document.onkeyup=keyFun;
}
function keyFun(event){
var event=event||window.event;
if(event.keyCode==13){
timer?stopFun():playFun();
}
};
function playFun(){
if(timer) return;
timer=setInterval(function(){
var r=Math.floor(Math.random() * data.length);
title.innerHTML=data[r];
},50);
play.style.background='#999';
}
function stopFun(){
if(!timer) return;
clearInterval(timer);timer=null;
play.style.background='#036';
}
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识。
老师告诉你能学到什么?
DOM事件具体相关知识,DOM事件的使用方法及应用!

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消