今日总结:使用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 @   stdrush  阅读(126)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示