用JAVAscript 在单位时间内改变图片

来源:互联网 发布:oppo隐藏桌面图标软件 编辑:程序博客网 时间:2024/04/30 18:27
用JAVAscript改变图片的思想是 :
一:建立一个数组,里面存放了所有图片,
二:建立一个函数,函数里定义了改变图片路径的语句。
三:让函数在隔单位时间后执行一次;
第二种思想就是用Ajax技术来在后台改变图片背景,具体用法是在页面中放一panel面板,再拖放一个计时器和一个ScriptManeger控件;再后台让计时器在单位时间内改变图片路径,注意在定义一个整形变量时候要定义成静态的(static)因为如果不定义成静态的话,导致变量在执行一次后又变为原来的值,就达不到切换图片的效果了。在这里就不贴代码了


<script language =javascript >
var curIndex=0;
//时间间隔(单位毫秒),每秒钟显示一张,数组共有5张图片放在Photos文件夹下。
var timeInterval=1000;
var arr=new Array();
arr[0]="photos/1.jpg";
arr[1]="photos/2.jpg";
arr[2]="photos/3.jpg";
arr[3]="photos/4.jpg";
arr[4]="photos/5.jpg";
setInterval(changeImg,timeInterval); 
function changeImg()
{
    var obj=document.getElementById("obj");
    if (curIndex==arr.length-1) 
    {
        curIndex=0;
    }
    else
    {
        curIndex+=1;
    }
    obj.src=arr[curIndex];
}
</script>
<img id=obj src ="photos/1.jpg" width=200 height=150 border =0>

原创粉丝点击