发表于： 2018-05-22 21:10:17
1 570
今天完成的事情：今天看了两个单词getElementsByClassName与setInterval
明天计划的事情： 先把定时器试用并调试函数设置时间，然后循环再遍历清除
遇到的问题：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>点击按钮，测试带有 break 语句的循环。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
for (i=0;i<10;i++){
if (i==3){
break;
}
x=x + "该数字为 " + i + "<br>"; 按我的理解 是输出 该数字为0 该数字为0该数字为1 该数字为0 该数字为1 该数字为2
结果是 该数字为0
该数字为1
该数字为2 后来研究发现 是我理解错了 其实他就是一行字符串 并不是3个值
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
收获：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>点击按钮检测年龄。</p>
年龄:<input id="age" value="18" /> 这行代码id 选择器对应下边的不知道什么选择器 是demo选择器吧
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button> 这行代码onclick 后面的myFunction() 是自己起的名字
<p id="demo"></p>
<script>
function myFunction() 对应上面的button 里的onclick
{
var age,voteable; var是变量声明 后面是两个变量名
age=document.getElementById("age").value; 引号里的age 对应 input里面的 类名 最前面的age对应 上边变量和下边的 age<18里的 age 都是自己起的
voteable=(age<18)?"年龄太小":"年龄已达到"; voteable对应变量 它=（age<18）? 那么就说明 它的值是 后面两个引号里的值 也就是真假 值 就是 ture 和另一个忘了怎么拼写了 就是假 就这两个值 属于判断语句 然后得值 只能取一个
document.getElementById("demo").innerHTML=voteable; 对应 id-demo 的p标签里面的值 点击按钮后输出
}
</script>
</body>
</html>
getElementsByClassName( ):获取指定类名的所有元素
getElementsByClassName( )方法返回文档中所有指定类名的元素集合，自动创建并存入NodeList对象。
NodeList对象是一个有顺节点列表。NodeList对象----我们可以通过节点列表中的下标来访问列表中的节点。如数组一样，NodeList属性有length属性，表示NodeList集合里元素的个数，可以通过循环的方法一次获取每个元素并对其属性进行设置。
使用方法：var a=document.getElementsByClassName("symbol");------------------即将页面中所有class属性为“symbol”的元素全部存到集合a中； var b=document.getElementsByClassName("symbol").length;---------即将页面中所有class属性为“symbol”的元素的个数存到b中。
工作上需要一个报表 差不多两分钟后刷新一次.
用javascript的定时器.可以自动调用函数 详细如下:
1、obj=setTimeout("函数名"，时间) 定时器，只调用一次；obj为返回的对象；
clearTimeout(obj) 清除定时器
2、obj =setInterval("function",int) 定时器，每格int毫秒调用一次function，直到使用clearInterval清除该定时器；
clearInterval(obj); 清除定时器，即停止调用
clearInterval类似JS的clearTimeout
时间间隔可以用 setInterval 命令来创建并用 clearInterval 命令来终止。setInterval 所用的参数有两种格式。在第一种格式中，你传递给 setInterval 的参数可以是一个函数名，一段时间上的间隔以及一些传递给前面函数的相关参数。当 setInterval 运行时它会依照规定的时间间隔依次将列出的参数传递给指定的函数，直到你调用 clearInterval 将其终止。
今天晚上大师兄叫的理解，一时半会可能没自己的见解，先复制一下，明天深入探讨。
返回列表
评论