JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏(18)

code 必需,要调用的函数后要执行的 JavaScript 代码串。=

millisec 必需,在执行代码前需等待的毫秒数。

clearTimeout(对象) 清除已设置的setTimeout对象

示例:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 </head>
 <body>
 <button type="button" id="btnClear">清除</button>
 <script>
 var btnClear=document.getElementById("btnClear");
 //5秒后禁用按钮
 var timer1=setTimeout(function(){
 btnClear.setAttribute("disabled","disabled");
 },5000);
 
 btnClear.onclick=function(){
 clearTimeout(timer1); //清除定时器
 alert("定时器已停止工作,已清除");
 }
 
 //递归,不推荐
 function setTitle(){
 document.title+="->";
 setTimeout(setTitle,500);
 }
 setTimeout(setTitle,500);
 </script>
 </body>
</html>

结果:

setInterval(code,millisec[,"lang"])

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式
code 必需,要调用的函数或要执行的代码串。

millisec 必需,周期性执行或调用code之间的时间间隔,以毫秒计。

clearInterval(对象) 清除已设置的setInterval对象

6.系统对话框,这些对话框外观由操作系统/浏览器设置决定,css不起作用,所以很多时候可能需要自定义对话框

alert():带有一个确定按钮

confirm():带有一个确定和取消按钮

prompt():显示OK和Cancel按钮之外,还会显示一个文本输入域

示例:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 </head>
 <body>
 <button type="button" id="btnClear" style="width: 100px;">清除</button>
 <script>
 var btnClear=document.getElementById("btnClear");
 //每隔5秒后禁用按钮
 var timer1=setInterval(function(){
 btnClear.style.width=(parseInt(btnClear.style.width||0)+10)+"px";
 },500);
 
 btnClear.onclick=function(){
 clearInterval(timer1); //清除定时器
 alert("定时器已停止工作,已清除");
 }
 
 function setTitle(){
 document.title+="->";
 }
 setInterval(setTitle,500);
 </script>
 </body>
</html>

结果:

6、scroll系列方法

scrollHeight和scrollWidth 对象内部的实际内容的高度/宽度(不包括border)

scrollTop和scrollLeft 被卷去部分的顶部/左侧 到 可视区域 顶部/左侧 的距离

onscroll事件 滚动条滚动触发的事件

页面滚动坐标:

var scrollTop = window.pageYoffset || document.documentElement.scrollTop || document.body.scrollTop || 0;

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/403.html