JavaScript, thumbnail ()
JavaScript, thumbnail ()
本文关键字:thumbnail JavaScript 更新时间:2023-09-26
动画(图像更改)不会在onmouseout事件上停止。为什么?
JavaScript:
function thumbnail ( type, start, i, m, id, begin, end )
{
if ( type == 1 )
{
document.getElementById(id).src = begin + id + i + end;
if ( i == m + 1 )
{
document.getElementById(id).src = begin + id + end;
i = 2;
}
else
{
i++;
}
setTimeout("thumbnail(1, "+start+", "+i+", "+m+", '"+id+"', '"+begin+"', '"+end+"');", 1000 );
}
if ( type == 2 )
{
document.getElementById(id).src = begin + id + end;
}
}
HTML:
<img id="aaa" src="http://example.com/file/aaa.png" width="160" height="120" onmouseover="thumbnail(1,2,2,9,'aaa','http://example.com/file/','.png');" onmouseout="thumbnail(2,2,2,9,'aaa','http://example.com/file/','.png');" />
图片:
aaa.png,aaa2.png,…,aaa9.png
试试这样的东西:
var delay;
function thumbnail ( type, start, i, m, id, begin, end ){
if ( type == 1 ){
document.getElementById(id).src = begin + id + i + end;
if ( i == m + 1 ){
document.getElementById(id).src = begin + id + end;
i = 2;
}
else{
i++;
}
if(delay) clearTimeout('delay');
delay = setTimeout("thumbnail(1, "+start+", "+i+", "+m+", '"+id+"', '"+begin+"', '"+end+"');", 1000 );
}
if ( type == 2 ){
document.getElementById(id).src = begin + id + end;
clearTimeout('delay');
}
}
因为您递归调用setTimeout
,并且没有任何条件可以停止它。
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 将函数的上下文应用于javascript变量
- 使用php或javascript从facebook相册URL中删除多余的部分
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在JavaScript中将字符串转换为函数引用
- 模糊事件的Javascript测试
- Javascript更改图标
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何使用WCF服务和javascript表单post上传.doc文件
- javascript结合了数组和字典
- 这是什么 ==- javascript 运算符
- 从javascript创建一个列表
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Javascript:selenium Web驱动程序isDisplayed()不工作
- 如何通过ajax刷新JSF填充的javascript变量
- 如何在Javascript中将JSon对象转换为数组
- Javascript生成的表单未提交
- 使用javascript将动态表从一个html页面打印到另一个html页
- JavaScript, thumbnail ()