今日总结:使用js插入系统时间以及图片的定时切换

时间插入;

<script type="text/javascript">

    var add=setInterval("getTime()",1000);
    //stop()这个函数主要是清除设置的定时器
    function stop() {
        clearInterval(add);
    }
    //这个函数主要是获取时间然后写入div中
    function getTime() {
        var date=new Date().toLocaleString();//创建date对象,获取时间
        var id1=document.getElementById("time");//通过div标签的id多去div标签
        id1.innerHTML=date;//将时间通过innerHTML属性写入div标签中
    }
 
</script>

<div id="time"> </div>
图片的定时切换
<script type="text/javascript">
                    
                    var timeInternal=2000;
                    var arr=new Array();
                    arr[0]="image/1.jpg";
                    arr[1]="image/2.jpg";
                    arr[2]="image/3.jpg";
                    arr[3]="image/4.jpg";
                    arr[4]="image/5.jpg";
                    arr[5]="image/6.jpg";
                    var curIndex=0;
                    function changeImg(){
                        var obj=document.getElementById("obj");
                        if(curIndex==arr.length-1){
                            curIndex=0;
                        }else{
                            curIndex+=1;
                        }
                        obj.src=arr[curIndex];
                        
                        
                    }
                    setInterval(changeImg,timeInternal);
                </script>

 

 

 

posted @ 2022-03-30 23:30  stdrush  阅读(145)  评论(0)    收藏  举报