js---初级学习笔记

最新推荐文章于 2024-05-04 20:29:53 发布

DoubleCircle-OO

最新推荐文章于 2024-05-04 20:29:53 发布

阅读量89

点赞数

分类专栏：前端基础

本文链接：https://blog.csdn.net/weixin_43729631/article/details/89192992

版权

前端基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

定时器（BOM-window对象）

setInterval（code，毫秒数）：周期执行
setTimeout(code,毫秒数）：延迟多长时间后只执行一次

清除定时器
clearInterval（id）；
clearTimeout（id）；

<script>
//点击按钮之后，给id为divid0的元素添加背景色，宽高
function btnCli( ){
//获取元素
var obj=document.getElementById("divid0");
//alert(obj)
//添加背景色
obj.style.backgroundColor="#ff0";
//添加边框
obj.style.border="1px  solid  red";
//添加宽和高
obj.style.width="100px";
obj.style.height="100px";
}
</script>

<body>
     <input   type="button"   value="将div加上样式”  oclick="benCli(  )"/>
     <div id ="divid0">  </div>
</body>

页面加载成功

<scrip>

//window可省略
      window.onload=function(  ){
        alert(1)
}
</scrip>

设置定时器4秒和隐藏

<script>
//记录次数
var i=0;
//定时器id
var timer;

       onload=function(  ){
         //设置定时器 间隔4秒后展示图片
         setInterval(showAd,4000);
}

//展示广告方法  展示2秒后隐藏
founction showAd(  ){
//展示的次数加1
i++;
/若i=3情况setInterval设置的定时器
if(i==3){
  clearINterval(  );
}

//获取广告
var divObj+document.getElementById("ad")'
//修稿广告样式将其显示
divObj.style.display="block";
//2秒之后隐藏  只执行一次
setTimeout（hideAd,2000）;
}
//隐藏广告
founction hideAd（）{
  //获取广告
  var divObj.style.display="none";
}
</script>