JavaScript实现(轮播图，随机数，抽名字游戏，广告循环文字)

 

 

目录

案例一，轮播图（图片自定义）

案例二， 随机数

 案例三，抽名字游戏

案例四， 广告循环文字

---

案例一，轮播图（图片自定义）

/* js代码 */
/* 轮播图 */
function sf(cs){//调用方法的时候传参传图片名字就可以了
	/* 获取id */
	var a=document.getElementById("a");
	/* 赋值 */
	//a.src="img/"+cs
	a.setAttribute("src","img/"+cs);
	/* 获取 */
	var b=a.getAttribute("src");
	console.info(b);
}
/* html代码 */


	
		
		
		
		
	
	
		

		  

		    

				

					1
					2
					3
					4
					5
				
				
				
			
		  
		  
	

案例一效果图

 

案例二， 随机数

/* js代码 */
/* 随机数 */
function sd(){
	/* 定义三个随机数 */
	var a=Math.round(Math.random()*9);
	var b=Math.round(Math.random()*9);
	var c=Math.round(Math.random()*9);
	/* 赋值 */
	document.getElementById("a").innerHTML=a;
	document.getElementById("b").innerHTML=b;
	document.getElementById("c").innerHTML=c;
	/* 一直赋值 */
	s=setTimeout("sd()",100);
}
/* 停止随机数 */
function sds(){
	window.clearInterval(s);
}
/* html代码 */


	
		
		
		
		
	
	
		

			
			

				
X
				
X
				
X
			
			
			

				

					
				
			
		
	

案例二效果图

 案例三，抽名字游戏

/* js代码 */
/* 随机名字 */
/* 定义一个数组 */
var img=["张三","李四","王二","麻子","小芳","翠花","熊大","熊二"];
function se(){
	/* 遍历数组 */
	for (var i=0;i

	
		
		
		
		
	
	
		

			
			

				
X
			
			
			

				

					
				
			
		
	

案例三效果图

案例四， 广告循环文字

 

/* js代码 */
/* 文字 */
/* 定义变量 */
var i=1;
function sc(){
	/* 定义文字 */
	var ab="珍惜当下 努力拼搏吧少年!";
	/* 截取 */
	var b=ab.substring(0,i);
	/* 赋值 */
	document.getElementById("a").innerHTML=b;
	/* 判断 */
	if(i==ab.length){/* 当i等于ab 的长度时 给i给赋值0 */
		i=0;
	}
	/* 递增 */
	i++;
	/* 一直循环 */
	setTimeout("sc()",100);
}
/* html代码 */


	
		
		
		
	
	
		

		
	

以上代码直接复制可用

---