摘要:定时器延迟执行,周期执行延迟执行延迟执行打印一段文字作为对比延迟毫秒周期执行周期执行方法作用设置一个周期执行的定时器参数标识延迟执行的代码逻辑标识延迟执行的时间,单位为毫秒返回值表示当前定时器的标识案例动态显示时间动态显示时间
定时器 延迟执行 ,周期执行
延迟执行
<span class="javascript">延迟执行</span>
周期执行
<span class="javascript">周期执行</span>
案例
动态显示时间
<span class="javascript">动态显示时间</span>
方块自动移动
<span class="php">方块自动移动</span>
小球垂直移动
小球垂直移动
- // var box = document.getElementById("box");
- var body = document.body;//获取body属性
- const WIDTH = window.innerWidth;//创建一个常量宽度=窗口宽度
- // 向页面中创建小球
- function createBox(){//封装一个函数
- var div = document.createElement("div");
- div.setAttribute("class","box");
- var random = Math.random() * (WIDTH - 50);
- div.style.left = random + "px";
- body.appendChild(div);
- }
- // 控制小球向下移动
- function moveDown(){
- var boxs = document.getElementsByClassName("box");
- for (var i=0; i
- var box = boxs[i];
- var style = window.getComputedStyle(box);
- var boxTop = parseInt(style.top);
- boxTop += 10;
- box.style.top = boxTop + "px";
- }
- }
- // 创建多个小球
- for (var i=0; i<10; i++) {
- createBox();// 创建一个小球
- }
- setInterval(function(){
- moveDown();
- },500);
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/113866.html
摘要:定时器延迟执行,周期执行延迟执行延迟执行打印一段文字作为对比延迟毫秒周期执行周期执行方法作用设置一个周期执行的定时器参数标识延迟执行的代码逻辑标识延迟执行的时间,单位为毫秒返回值表示当前定时器的标识案例动态显示时间动态显示时间 定时器 延迟执行 ,周期执行 延迟执行 延迟执行 console.log(this is mseeage);//打印一段文...
摘要:定时器延迟执行,周期执行延迟执行延迟执行打印一段文字作为对比延迟毫秒周期执行周期执行方法作用设置一个周期执行的定时器参数标识延迟执行的代码逻辑标识延迟执行的时间,单位为毫秒返回值表示当前定时器的标识案例动态显示时间动态显示时间 定时器 延迟执行 ,周期执行 延迟执行 延迟执行 console.log(this is mseeage);//打印一段文...
摘要:个人前端文章整理从最开始萌生写文章的想法,到着手开始写,再到现在已经一年的时间了,由于工作比较忙,更新缓慢,后面还是会继更新,现将已经写好的文章整理一个目录,方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理 从最开始萌生写文章的想法,到着手...
阅读 1053·2023-04-25 23:50
阅读 2209·2021-11-19 09:40
阅读 689·2019-08-30 13:50
阅读 2798·2019-08-29 17:11
阅读 1112·2019-08-29 16:37
阅读 3106·2019-08-29 12:54
阅读 2870·2019-08-28 18:17
阅读 2771·2019-08-26 16:55