先优化一下web作业的相关功能

功能改进

1、图片的定时变换

利用Script标签实现图片的定时变换,主要是使用了setTimeout这个函数方法实现的,相关的源代码在此:

<Script>
var count=2;
var myArray=new Array(count);
myArray[0]="我";
myArray[1]="还是我";

var c;

function changeImg(i){
	var images=document.getElementById("images");
	images.src="./"+(i+1)+".jpg";
	c=i+1;
	
	if(c>(count-1)){
		c=0;
		setTimeout("changeImg(0)",2000);
	}else{
		setTimeout("changeImg(c)",2000);
	}
}
</Script>

哦!对了,别忘了在body标签里面加上onload属性呦!里面放的是script标签里面的function函数名称呦!

2、显示当前时间

这个代码更是简洁,基本上只需要三四行即可解决;源代码如下:

<div style="width: 100%; font-family: 微软雅黑; text-align: center; font-size: 20pt;" id="datetime">系统时间
	<Script>
	setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();")
	</Script>
	</div>

3、文本自动滚屏

文本滚屏主要利用的就是marquee标签,默认滚动方向为从右向左滚动,当然,滚动方向也可以手动设置为从左向右滚动,由于表格内容不适合使用文本滚动修饰,所以为了体现出我使用了文本滚动修饰功能,将他放在了表格名称那里,作为文本滚动功能的实现案例;源代码如下:

<marquee width="50%"><div style="width: 100%; font-family: 微软雅黑; text-align: center; font-size: 20pt;">个人主页</div></marquee>
posted @ 2023-03-22 17:21  yesyes1  阅读(19)  评论(0编辑  收藏  举报