`

javascript实现真正延时

    博客分类:
  • js
阅读更多
大家知道settimeout函数可以在一定时间内运行指定的脚本,普遍认为就是延时函数,其实这个函数真正的作用是在指定的时间以后运行,实际上没有延长时间
现在给出真正的延时效果~
<script>
var c=0
function a(b) {
c+=1;
var ss=setTimeout("a("+b+")","1000")

if (c==b)
{
   clearTimeout(ss);alert("延时了"+b+"秒")
}
}

</script>

原理是用一个全局函数来指定运行的次数,次数运行完了就cleartimeout,当执行cleartimeout的时候也就是延时完的时候,这时候在运行你需要的代码就可以了
分享到:
评论

相关推荐

    原生javaScript实现图片延时加载的方法

    本文实例讲述了原生javaScript实现图片延时加载的方法。图片延时加载其实是有jquery插件了并且加载方法非常的简单并且合理了,但有朋友觉得加载jquery插件包太大了,于时自己写了一个,给各位分享一下。 首先,图片...

    jQuery实现滚动网页延时加载图片代码.rar

    滚动延时加载的主要原理是:当用户滚动页面,只有当图片出现在视口范围内时,才真正请求图片数据并显示。这样可以避免一次性加载大量图片导致的页面加载过慢问题,尤其是在内容丰富的网站上。 首先,我们需要在HTML...

    ext扩展 延时加载

    延时加载(Lazy Loading)是一种优化技术,它允许程序只在真正需要时才加载资源,从而减少初始页面加载时间和内存占用。 1. **延时加载的概念**: 延时加载(Lazy Loading)是一种设计模式,主要用于改善应用性能...

    js滚动延时加载

    3. **延时加载策略**:为了防止频繁触发加载,我们可以设置一个延时,只有当用户停止滚动一段时间后才真正加载内容。这可以通过使用`setTimeout`函数和清除定时器`clearTimeout`来实现。例如,当滚动事件触发时设置...

    图片延时加载例子

    在IT行业中,图片延时加载(也称为懒加载或惰性加载)是一种优化网页性能的策略,它允许页面中的图片在真正需要时才被加载,而不是一次性全部加载。这种技术对于提升网页的加载速度和用户体验尤其重要,尤其是在移动...

    延时加载JS,解决JS阻塞问题

    2. **使用第三方库**:如`lazyload.js`,这是一个小型的JavaScript库,专门用于实现延时加载。它可以轻松地与现有的页面集成,通过监听滚动事件来判断何时加载延迟的资源。 3. **使用Intersection Observer API**:...

    javascript经典特效---双重导航菜单.rar

    5. **延迟加载与性能优化**:为了提高页面加载速度,可以使用延时加载技术(如`setTimeout`或`requestAnimationFrame`),在用户真正需要时才加载子菜单,避免一次性加载过多内容导致的卡顿。 6. **响应式设计**:...

    网站延时加载

    描述中提到的"网站延时加载图片js",是指使用JavaScript来实现图片的延迟加载。当图片不在用户当前视口内时,浏览器不会下载该图片的数据,而是显示一个进度指示或者占位符。一旦用户滚动页面使图片进入视口,...

    jquery实现网页图片等待延时加载Loading插件源码.zip

    在"jquery实现网页图片等待延时加载Loading插件源码.zip"中,我们可以预见到包含了一个使用jQuery编写的图片延迟加载插件。这个插件可能包含了以下关键知识点: 1. **jQuery选择器**:jQuery选择器是用于选取DOM...

    图片延时加载

    在提供的"imgLoad"文件中,可能包含的是实现图片延时加载的源代码或示例文件,包括HTML、CSS和JavaScript代码片段。通过研究这些文件,我们可以更深入地理解如何在实际项目中应用图片延时加载技术。

    延时加载图片的响应式瀑布流

    3. **JavaScript 插件**:虽然纯CSS可以实现简单的瀑布流,但为了实现延时加载图片,通常需要JavaScript插件的帮助。比如,可以使用`Intersection Observer API`监听图片何时进入视口,一旦检测到,则加载该图片。这...

    JavaScript实现网页头部进度条刷新

    总结来说,使用JavaScript实现网页头部的进度条刷新是一个比较实用的网页设计技巧。它通过模拟进度条的动态加载效果,为用户提供了更加友好和直观的加载体验,虽然它并不反映实际的网页加载状态,但仍然可以作为一种...

    jQuery hover 延时器实现代码

    插件的核心在于创建了一个延时构造器,通过缓存分组名称到元素数据中,以及使用`setTimeout`来实现延时调用。`setTimeout`函数会在指定的毫秒数后执行一个函数,而不是立即执行。在`hover`事件中,`setTimeout`被...

    js接收串口数据,测试过完全可用的,不骗人

    在标签中,“js 接收串口数据 真正 可用的代码”进一步确认了这个资源是一个有效的JavaScript代码实现,适用于实际操作,且经过验证能正常工作。 压缩包内的"test.html"可能是展示如何使用此串口通信功能的测试网页...

    picLazyLoad 实现图片延时加载(包含背景图片)

    picLazyLoad是一个轻量级的JavaScript插件,它允许我们对图片和背景图片进行延时加载,只有当图片进入视口时才会真正加载,从而显著减少了首屏加载时间。下面将详细介绍如何使用picLazyLoad实现这一功能。 首先,...

    基于javascript实现图片懒加载

    1. 延时加载:通过setTimeout或setInterval等JavaScript方法,设置一个延迟时间,在页面加载后的一定时间内加载图片。 2. 条件加载:根据某些特定的条件或事件触发才开始加载图片,例如当用户滚动到页面的某个区域时...

    The-JS-browser-object.zip_javascript

    `screen.width`和`screen.height`分别表示屏幕的宽度和高度,这在实现响应式设计时非常关键。 五、History对象 History对象存储了用户在浏览器中的浏览历史。尽管不能直接访问具体的历史条目,但可以使用`history....

    提高效率的 11 个有用的 JavaScript 技巧.docx

    这种方法简单且高效,但不是真正的随机,因为JavaScript的`sort()`在某些情况下可能会有规律可循。 6. **深度复制对象** - 使用`structuredClone()`方法可以实现深拷贝,即使对象中有嵌套的对象,也能完全复制。...

    asincronismo-con-JavaScript:请使用JavaScript的asincronismo-con

    它们会在指定时间后执行回调,适合实现延时操作或定期任务。 9. **并发与并行** 在JavaScript中,由于单线程特性,真正的并行计算受限。然而,通过Web Workers可以在后台线程中执行计算密集型任务,实现一定程度的...

Global site tag (gtag.js) - Google Analytics