- 浏览: 176397 次
- 性别:
- 来自: 西安
文章分类
- 全部博客 (163)
- POI (8)
- Collection容器 (1)
- java.util (2)
- java调用批处理 (1)
- xml (1)
- jfreechart (3)
- SVN (1)
- tomcat中文 (1)
- jquery (6)
- Log4j (1)
- ppt (1)
- js (48)
- ss (1)
- 综合 (1)
- Spring (2)
- 数据库 (6)
- tomcat (1)
- commons-lang包使用 (1)
- AJAX【Jquery】 (3)
- RMI (2)
- OpenLayers (25)
- html (20)
- css (25)
- Google地图 (2)
- java (1)
- Ibatis (1)
- GoogleMaps (1)
- J2EE (2)
- 软件设计 (1)
- 服务器 (1)
- html5 (4)
- cursor (1)
- AngularJs (5)
- 缓存 (1)
- 构建 (2)
- 域名、空间、服务器 (1)
大家知道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的时候也就是延时完的时候,这时候在运行你需要的代码就可以了
现在给出真正的延时效果~
<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的时候也就是延时完的时候,这时候在运行你需要的代码就可以了
发表评论
-
自定义添加标签函数
2017-05-03 16:36 0<!DOCTYPE html> <ht ... -
快速获取js对象键和值
2017-03-17 00:20 744var o = { "say&quo ... -
javascript this
2017-03-09 01:22 431http://www.cnblogs.com/Uncle-Ke ... -
javascript eval方法使用
2017-02-01 22:42 597JavaScript eval() 函数 JavaScri ... -
如何判断js文件是否加载完成
2016-12-02 00:41 730[size=medium][color=red][/colo ... -
console.log设置显示颜色
2016-12-02 00:06 1075console.log('%c 1','color:red') ... -
javascript的escape/unescape
2015-12-30 00:07 655javascript的escape/unescape 转移 ... -
JSON.parse()和JSON.stringify()
2015-12-30 00:04 554parse用于从一个字符串中解析出json对象,如 var ... -
百度右侧导航原理
2015-09-09 01:02 807<!DOCTYPE html PUBLIC &q ... -
javascript的prototype继承
2015-08-27 07:51 672goody9807写到 写道 http://www.cn ... -
深入理解javascript之arguments
2015-08-24 08:24 590写道 本文转自:http://blog.csdn.net ... -
js中数组(Array)的排序(sort)注意事项
2015-08-20 07:26 673var arrDemo = new Array(); ... -
js事件冒泡
2015-08-18 07:10 726<!doctype html> <ht ... -
js对象封装
2015-07-27 08:00 624<!doctype html> <htm ... -
html5之后全局js编辑
2015-07-26 18:02 687<script> window.documen ... -
自定义浏览器事件绑定函数
2015-06-26 08:25 377function bind(el, eventType, c ... -
仿jquery获取dom元素
2015-06-19 07:58 733function g(id) { if (id.subst ... -
自定义随机数
2015-04-29 00:08 701//随机生 ... -
js获取元素通用函数
2015-04-27 00:42 704/** * 通用函数. * 1、可以通过ID获取元素 ... -
原生js实现事件切换
2015-04-27 00:16 716function turn(elem) { var cls ...
相关推荐
本文实例讲述了原生javaScript实现图片延时加载的方法。图片延时加载其实是有jquery插件了并且加载方法非常的简单并且合理了,但有朋友觉得加载jquery插件包太大了,于时自己写了一个,给各位分享一下。 首先,图片...
滚动延时加载的主要原理是:当用户滚动页面,只有当图片出现在视口范围内时,才真正请求图片数据并显示。这样可以避免一次性加载大量图片导致的页面加载过慢问题,尤其是在内容丰富的网站上。 首先,我们需要在HTML...
延时加载(Lazy Loading)是一种优化技术,它允许程序只在真正需要时才加载资源,从而减少初始页面加载时间和内存占用。 1. **延时加载的概念**: 延时加载(Lazy Loading)是一种设计模式,主要用于改善应用性能...
3. **延时加载策略**:为了防止频繁触发加载,我们可以设置一个延时,只有当用户停止滚动一段时间后才真正加载内容。这可以通过使用`setTimeout`函数和清除定时器`clearTimeout`来实现。例如,当滚动事件触发时设置...
在IT行业中,图片延时加载(也称为懒加载或惰性加载)是一种优化网页性能的策略,它允许页面中的图片在真正需要时才被加载,而不是一次性全部加载。这种技术对于提升网页的加载速度和用户体验尤其重要,尤其是在移动...
2. **使用第三方库**:如`lazyload.js`,这是一个小型的JavaScript库,专门用于实现延时加载。它可以轻松地与现有的页面集成,通过监听滚动事件来判断何时加载延迟的资源。 3. **使用Intersection Observer API**:...
5. **延迟加载与性能优化**:为了提高页面加载速度,可以使用延时加载技术(如`setTimeout`或`requestAnimationFrame`),在用户真正需要时才加载子菜单,避免一次性加载过多内容导致的卡顿。 6. **响应式设计**:...
描述中提到的"网站延时加载图片js",是指使用JavaScript来实现图片的延迟加载。当图片不在用户当前视口内时,浏览器不会下载该图片的数据,而是显示一个进度指示或者占位符。一旦用户滚动页面使图片进入视口,...
在"jquery实现网页图片等待延时加载Loading插件源码.zip"中,我们可以预见到包含了一个使用jQuery编写的图片延迟加载插件。这个插件可能包含了以下关键知识点: 1. **jQuery选择器**:jQuery选择器是用于选取DOM...
在提供的"imgLoad"文件中,可能包含的是实现图片延时加载的源代码或示例文件,包括HTML、CSS和JavaScript代码片段。通过研究这些文件,我们可以更深入地理解如何在实际项目中应用图片延时加载技术。
3. **JavaScript 插件**:虽然纯CSS可以实现简单的瀑布流,但为了实现延时加载图片,通常需要JavaScript插件的帮助。比如,可以使用`Intersection Observer API`监听图片何时进入视口,一旦检测到,则加载该图片。这...
总结来说,使用JavaScript实现网页头部的进度条刷新是一个比较实用的网页设计技巧。它通过模拟进度条的动态加载效果,为用户提供了更加友好和直观的加载体验,虽然它并不反映实际的网页加载状态,但仍然可以作为一种...
插件的核心在于创建了一个延时构造器,通过缓存分组名称到元素数据中,以及使用`setTimeout`来实现延时调用。`setTimeout`函数会在指定的毫秒数后执行一个函数,而不是立即执行。在`hover`事件中,`setTimeout`被...
在标签中,“js 接收串口数据 真正 可用的代码”进一步确认了这个资源是一个有效的JavaScript代码实现,适用于实际操作,且经过验证能正常工作。 压缩包内的"test.html"可能是展示如何使用此串口通信功能的测试网页...
picLazyLoad是一个轻量级的JavaScript插件,它允许我们对图片和背景图片进行延时加载,只有当图片进入视口时才会真正加载,从而显著减少了首屏加载时间。下面将详细介绍如何使用picLazyLoad实现这一功能。 首先,...
1. 延时加载:通过setTimeout或setInterval等JavaScript方法,设置一个延迟时间,在页面加载后的一定时间内加载图片。 2. 条件加载:根据某些特定的条件或事件触发才开始加载图片,例如当用户滚动到页面的某个区域时...
`screen.width`和`screen.height`分别表示屏幕的宽度和高度,这在实现响应式设计时非常关键。 五、History对象 History对象存储了用户在浏览器中的浏览历史。尽管不能直接访问具体的历史条目,但可以使用`history....
这种方法简单且高效,但不是真正的随机,因为JavaScript的`sort()`在某些情况下可能会有规律可循。 6. **深度复制对象** - 使用`structuredClone()`方法可以实现深拷贝,即使对象中有嵌套的对象,也能完全复制。...
它们会在指定时间后执行回调,适合实现延时操作或定期任务。 9. **并发与并行** 在JavaScript中,由于单线程特性,真正的并行计算受限。然而,通过Web Workers可以在后台线程中执行计算密集型任务,实现一定程度的...