Dom8(获取元素及计时器练习)

最新推荐文章于 2021-12-28 08:49:39 发布

天赋进行时

最新推荐文章于 2021-12-28 08:49:39 发布

阅读量342

点赞数

分类专栏： JS-Dom-Jquery

本文链接：https://blog.csdn.net/xbc1213/article/details/50577848

版权

JS-Dom-Jquery 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

获取元素练习

难点:注意在修改之前先将全部内容复位.
实例:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type='text/javascript'>
  onload=function(){
  var btns=document.getElementsByName('name');
  for(var i=0;i<btns.length;i++){
      btns[i].onclick=function(){   
          for(var j=0;j<btns.length;j++){
btns[j].value='呜呜呜....';
          }
      //this.value='haha';
     this.value='haha'; //这里只能用this
      };
  }
  };
  </script>
 </head>
 <body>
  <input type='button' name='name' value='呜呜呜....' />
  <input type='button' name='name' value='呜呜呜....' />
  <input type='button' name='name' value='呜呜呜....' />
  <input type='button' name='name' value='呜呜呜....' />
  <input type='button' name='name' value='呜呜呜....' />
  <input type='button' name='name' value='呜呜呜....' />
 </body>
</html>

计时器练习

难点:在js中修改控件是否可用使用true,false.在body中设置控件是否可用使用disabled.例如disabled=’disabled’.另外需考虑周全,当倒计时到0秒后需要释放计时器.
实例:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type='text/javascript'>
  //需要用到一个计时器
  i=5;
 var setId= setInterval(function(){
  var txt=document.getElementById('btn');
  i--; //在这里需要注意的是在html中设置不可用 disabled='disabed' 在js中
  //设置不可用 disabled=false; true; 
  //设置计时器:setInterval
  //清除计时器:clearInterval(intervalId);
  //在写计时器的协议时.可以先将时间间隔先写.
  //使用完计时器记得清空,不然一直占用内存.
  if(i==0){
  txt.value='确定';
  txt.disabled=false;
clearInterval(setId);
  }
  txt.value='请仔细阅读协议('+i+')';
  }
  ,1000);
  </script>
 </head>
 <body>
  <input id='btn' type='button' name='name' value='请仔细阅读协议(5)' disabled='disabled'/>
 </body>
</html>

知识点:在写计时器时,可以先将时间间隔写上,最后写上前面的方法.

天赋进行时

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Dom8(获取元素及计时器练习)

获取元素练习难点:注意在修改之前先将全部内容复位. 实例:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" c
复制链接

扫一扫