一.随机数的取得:
在Java中可以取得随机数,在JS中也可以取得随机数,使用的一个内置对象Math,调用Math对象的方法就能生成随机数
1.取得随机数:
//取得随机数
var random = Math.random();
console.log("取得的随机数是:"+random);
2.取得从0~1的随机数:
取得 0~1 的随机数,包括0 不包括1
//取得随机数
for (var i=0;i<50;i++) {
var random = Math.random();
document.write("取得的随机数是:"+Math.floor((random*10+1))+"<br>");
}
二.JS操作节点属性
我们可以使用JS取得一个元素对象,那么就可以操作节点的属性
1.操作图片的属性:
<body>
<img src="../img/1.jpg"/>
</body>
var img=document.getElementsByTagName("img")[0];
//取得0~1之间的数
var newSrc="img/"+Math.floor(Math.random()*10+1)+".jpg";
img.setAttribute("src",newSrc);
2.简单的图片轮播:
//准备出替换图片的地址函数
function updateImgSrc(){
//取得图片对象
var img=document.getElementsByTagName("img")[0];
//修改图片的src属性
img.setAttribute("src","../img/"+Math.floor(Math.random()*10+1)+".jpg");
}
//自动调用函数的(第一个表示调用的函数名称,第二个表示时间间隔)
window.setInterval(updateImgSrc,"2000");
以上使用随机数以及对象的img.setAttribute(name,value[,iecaseflag])方法进行了操作,第一个参数表示要替换的属性名,第二个参数表示新的值
3.使用attribute操作属性
//准备出替换图片的地址函数
function updateImgSrc(){
//取得图片对象
var img=document.getElementsByTagName("img")[0];
//修改图片的src属性
img.attributes[0].value="../img/"+Math.floor(Math.random()*10+1)+".jpg";
}
//自动调用函数的(第一个表示调用的函数名称,第二个表示时间间隔)
window.setInterval(updateImgSrc,"2000");