js随机点名小程序
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Javscript随机点名小程序(带自定义背景音乐)
div
{
width:602px;
height:200px;
font-family:叶根友毛笔行书2.0版;
font-size:60px;
color :aliceblue;
text-align:center;
}
body
{
background-image:url("Face/21.jpg");
width :100%;
height :100%;
}
var names = ['韩宁杰', '李俊超', '李飞', '陈敬礼', '练桌然'];
function random()
{
var i = Math.floor(Math.random() * (0, 5));
document.getElementById('txt').value = names[i];
}
var out;
window.onload=function ()
{
var btn = document.getElementById("input");
btn .onclick=function ()
{
if (this .value=="停止")
{
clearInterval(out);
this .value ="开始";
}
else
{
out = setInterval(random, 10);
this .value ="停止";
}
}
}
更换样式
var div = document.getElementById("dicv");
var text = document.getElementById("txt");
var bttn = document.getElementById("input");
function styles() {
div.style.width = '300px';
div.style.height = '300px';
div.style.backgroundColor = 'green'
div.style.color = 'purple';
text.style.backgroundColor = 'white';
text.style.width = '300px';
text.style.height = '300px';
text.style.color = 'black';
bttn.style.backgroundColor = 'black';
bttn.style.width = '300px';
bttn.style.height = '300px';
bttn.style.color = 'blue';
}
var bg_sound=document.createElement("bgsound");//创建背景音乐
bg_sound.id="i_bg"//设置id属性
document.body.appendChild(bg_sound);//body中添