前端开发入门到进阶第三集【定时器】

var mi = 0;
var timer = setTimeout(handler,1000);
function handler(){
if(mi == 5){
$(".item-desc .desc-part").empty();
clearTimeout(timer);
return; 你没有在clearTimeout后return函数的结果,导致代码继续运行。 https://zhidao.baidu.com/question/1542396607093854467.html
}
mi ++ ;
setTimeout(handler,1000);
}

参考:https://www.jquery123.com/fadeOut/

$(".item-desc .desc-part").fadeOut(5000,function(){
$(".item-desc .desc-part").empty();
});

原文地址:https://www.cnblogs.com/lirenhe/p/11049577.html

时间: 2024-10-03 07:26:48

前端开发入门到进阶第三集【定时器】的相关文章

SpringCloud从入门到进阶(三)——路由接入Zuul

内容 SpringBoot整合SpringCloud的Eureka.Zuul等组件,快速实现简单易懂且具有服务熔断.负载均衡的分布式架构1.0,体验微服务的魅力. 版本 IDE:IDEA 2017.2.2 x64 JDK:1.8.0_171 manve:3.3.3 SpringBoot:1.5.9.RELEASE SpringCloud:Dalston.SR1 适合人群 ?Java开发人员 说明 转载请说明出处:SpringCloud从入门到进阶(三)--路由接入Zuul 参考 Linux入门实

前端开发入门学习笔记(一)

HTML:超文本标记语言. html:是一个基础结构. CSS:就是跟网页做装修的,修饰HTML的基础内容:样式. JavaScript:一个网页的行为,动作,动态的东西. html标准文件格式:<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>标题</title></head><!--我是头部 周围包括的符号为注释--><

服务端开发入门与进阶指南

建议:尽量用 google 查找技术资料.有问题在 stackoverflow 找找,大部分都已经有人回答.多看官方的技术文档.ibm developerworkers 的文章质量整体上有保障.平时花一些时间在 github 上阅读优秀项目源码.入门(1-2 个月)目标:参与简单的项目开发.技能:掌握 Java.经典的<Java 核心技术:卷1 基础知识>(或者<Java 编程思想>)必看,跳过其中的图形和 applet 章节.习惯查阅 Java API Doc.为了保证代码的质量

前端开发入门到实战:HTML5新增和废弃的标签

一.废弃的标签 以下的 HTML 4.01 元素在HTML5中已经被删除,虽然浏览器为了兼容性考虑都还支持这些标签,但建议使用新的替代标签,矛盾的是老浏览器对新标签的支持度又不够,视项目的受众对象而定了. 1.能用CSS代替的元素 这些元素包含basefont.big.center.font.s.strike.tt.u.这些元素纯粹是为页面展示用的,表现的内容应该由CSS完成. 2.frame框架 这些元素包含frameset.frame.noframes.HTML5中不支持frame框架,只支

移动/手机前端开发入门总结

1.首先是meta标签 1 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 2 <meta content="yes" name="apple-mobile-web-app-capable"> 3 <meta content=&quo

python前端JavaScript入门及进阶

知识点预习1.js基本使用2.js变量定义及类型3.js函数定义及预解析4.js获取标签5.js读写标签属性 00-JavaScript简介JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互. JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等.前端三大块: 1.HTML:页面结构2.CSS:页面表现:元素大小.颜色.位置.隐藏

前端开发入门到实战:css实现div垂直水平居中的2种常用方法

方法一: 利用vertical-align:middle进行垂直方向上的居中对齐,此方法需要满足的条件: 设置父元素的行高line-height等于父元素height的高度 子元素必须是行内块级元素display:inline-block; 子元素设置vertical-align:middle 此方法在开发中不能右浮动(不能靠右边) 下方是完整代码,可以新建一个HTML文件进行测试(绿色的盒子): <html> <head> <title>导航条</title&g

前端开发入门到实战:把HTML转成PDF的4个方案及实现

在本文中,我将展示如何使用 Node.js.Puppeteer.headless Chrome 和 Docker 从样式复杂的 React 页面生成 PDF 文档. 背景:几个月前,一个客户要求我们开发一个功能,用户可以得到 PDF 格式的 React 页面内容.该页面基本上是患者病例的报告和数据可视化结果,其中包含许多 SVG.另外还有一些特殊的请求来操纵布局,并对 HTML 元素进行一些重新排列.因此与原始的 React 页面相比,PDF 中应该有不同的样式和额外的内容. 由于这个任务比用简

前端开发入门到实战:计算一个页面内每个模块的曝光时间(停留时间)

产品希望看到投放出去的活动页,用户对其页面内的什么信息比较感兴趣,对什么信息完全不感兴趣.=> 计算页面内每模块的停留时间 第一次听到这个需求,我的大脑开始疯狂运转,然后想到了plan 1, plan 2, plan3...中间还有很多失败想法我已经忘记了,这里方案三是我最终采用的方法. 方案一:根据页面dom将页面分模块 var bodyChildrenLists = $('body').children() var bodyChildDomLsit = [] var initHeight =