单击后如何停止执行javascript?

单击后如何停止执行javascript?,javascript,jquery,css,Javascript,Jquery,Css,我有javascript代码,可以自动更改div的背景。 如何在单击链接时停止此脚本。 当我单击链接class=“one”或class=“two”时,我想停止更改背景并用class=“content”显示div。 我想在单击class=“start”时再次开始更改背景 $(窗口).load(函数(){ var i=0; var images=['koles-3-ok.png','koles-3.png']; var image=$('.div1'); var ImgPath=”“//图像的文件

我有javascript代码,可以自动更改div的背景。 如何在单击链接时停止此脚本。 当我单击链接
class=“one”
class=“two”
时,我想停止更改背景并用class=“content”显示div。 我想在单击
class=“start”
时再次开始更改背景

$(窗口).load(函数(){
var i=0;
var images=['koles-3-ok.png','koles-3.png'];
var image=$('.div1');
var ImgPath=”“//图像的文件路径
//初始背景图像设置
css('background-image','url(http://katet.eu/images/koles-3.png)');
//定期更改图像
setInterval(函数(){
image.fadeOut(1000,函数(){
css('background-image','url('+images[i++]+'));
fadeIn(1000);
});
if(i==images.length)
i=0;
}, 5000);
});
$(文档).ready(函数(){
//隐藏所有div的可选代码
$(“.content”).hide();
//显示选定的div,并隐藏所有其他div
$(“a”)。单击(功能(e){
$(“#”+$(this.attr(“class”)).removeClass(“hide”).fadeIn(“slow”).sides(“.content”).hide();
});
});
.div1{
位置:绝对位置;
宽度:200px;
高度:200px;
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
边框:1px纯黑;
}
.隐藏{
可见性:隐藏;
}

奥雷姆·英普苏姆1
洛雷姆2

sdcsdf
好吧,根据我的说法,你不能禁用javascript。因为按钮需要控件(javascript)来根据用户需求启用和禁用javascript。你可以停止一些功能,比如

function demo(){
document.writeln("Hello, World");
}
HTML按钮标记

<button onClick="demo.stop()">Stop Function</button>
停止功能
.stop()
将阻止
demo()
执行


我希望这能澄清问题。谢谢。

您可以保存由
setInterval()
返回的intervalID,然后使用
clearInterval()
停止它。请参见和

$(窗口).load(函数(){
var i=0;
var images=['koles-3-ok.png','koles-3.png'];
var image=$('.div1');
var ImgPath=”“//图像的文件路径
//初始背景图像设置
css('background-image','url(http://katet.eu/images/koles-3.png)');
//定期更改图像
setInterval(函数(){
image.fadeOut(1000,函数(){
css('background-image','url('+images[i++]+'));
fadeIn(1000);
});
if(i==images.length)
i=0;
}, 5000);
});
$(文档).ready(函数(){
$(“.start”)。单击(函数(e){
$(“.div1”).show();
$(“#一”).hide();
$(“#两”).hide();
});
$(“.one”)。单击(函数(e){
$(“.div1”).hide();
$(“#一”).show();
$(“#两”).hide();
});
$(“.two”)。单击(函数(e){
$(“.div1”).hide();
$(“#一”).hide();
$(“#两”).show();
});
});
.div1{
位置:绝对位置;
宽度:200px;
高度:200px;
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
边框:1px纯黑;
}
.隐藏{
可见性:隐藏;
}

奥雷姆·英普苏姆1
洛雷姆2

sdcsdf
要实现所需,可以使用clearInterval()方法。
$(文档).ready(函数(){
var i=0;
var-myTimer;
var images=['http://katet.eu/images/koles-3-ok.png', 'http://katet.eu/images/koles-3.png'];
var image=$('.div1');
var ImgPath=”“//图像的文件路径
//初始背景图像设置
css('background-image','url(http://katet.eu/images/koles-3.png)');
myTimer=setInterval(changeBackground,3000);
函数changeBackground(){
图像淡出(1000,函数(){
css('background-image','url('+images[i++]+'));
fadeIn(1000);
});
if(i==images.length){
i=0;
}
}
$(“a”)。单击(功能(e){
e、 预防默认值();
if($(this).is(“.one”)|$(this).is(“.two”)){
如果(myTimer){
清除间隔(myTimer);
}
} 
否则{
$(“.content”).hide();
myTimer=setInterval(changeBackground,3000);
}
$(“#”+$(this.attr(“class”)).removeClass(“hide”).fadeIn(“slow”).sides(“.content”).hide();
});
});
.div1{
位置:绝对位置;
宽度:200px;
高度:200px;
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
边框:1px纯黑;
}
.隐藏{
显示:无;
}

奥雷姆·英普苏姆1
lorem 2


sdcsdf
看看这个:这将抛出一个错误,沿着
未捕获类型错误:demo.stop不是一个函数
如果它解决了您的问题,请不要忘记验证答案。它可以帮助别人。