append的使用+抽奖(作弊)+打开关闭另一个页面+倒计时
来源:互联网 发布:苹果截图快捷键mac 编辑:程序博客网 时间:2024/06/05 10:53
就是一个单元格,下面标注什么科目,点击,在单元格里显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin: 0;
padding: 0;
}
ul{
width: 400px;
height: 400px;
border:1px solid #999;
}
ul li{
list-style: none;
width: 80px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #999;
margin: 10px;
float: left;
}
span{
padding-left: 6px;
}
</style>
</head>
<body>
<ul>
</ul>
<div>
<button>语文</button>
<button>数学</button>
<button>英语</button>
<button>政治</button>
<button>历史</button>
<button>地理</button>
<button>体育</button>
</div>
<script>
var ul=document.getElementsByTagName("ul")[0];
var btns=document.getElementsByTagName("button");
for(var i=0;i<btns.length;i++){
btns[i].onclick=function(){
var nli=document.createElement("li");
nli.innerHTML=this.innerHTML+"<span>✖</span>";
ul.append(nli);
var span=nli.getElementsByTagName("span")[0];
span.onclick=function(){
ul.removeChild(this.parentNode);
}
}
}
</script>
</body>
</html>
抽奖(作弊)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{
width: 300px;
padding: 20px 30px;
border: 1px solid #999;
}
</style>
</head>
<body>
<div class="box">
</div>
<button>开始抽奖</button>
<button>结束抽奖</button>
<script>
/*找见我们要操作的元素*/
var box=document.getElementsByTagName("div")[0];
var aBtn=document.getElementsByTagName('button');
/*找见字符串之后将字符串转化成数组*/
var student_arr="蒋丁然,武晓瑞,吴彤,王路斌,王一鸣,王亚杰,尹殿壮,曾付周,高阳,王娇,陈童," +
"李景钱,卢源博,闫鑫,李岚峰,薛剑,王桦林,王京京,白新飞,张钟文,董洲,辛凯斌,李健," +
"田孟杰,周旋,李培,杜天旭,张宇璇,王文倩,景壮壮,刘梦欣,崔红佳,张忍,李泽阳,陈文艳," +
"史宏稼,王广,杨群,周子鹏,梁旭东,杨珂,陈景超,贾东杭,于力国";
var arr=student_arr.split(",");
var timmer;
/*点击开始*/
aBtn[0].onclick=function(){
/*执行循环定时器*/
timmer=setInterval(function(){
/*生成随机数(特别注意arr.length)(随机数要写到循环里)*/
var random=parseInt(Math.random()*arr.length);
/*改变目标元素的内容*/
box.innerHTML=arr[random];
},0.1)
};
aBtn[1].onclick=function(){
clearInterval(timmer);
/*作弊*/
box.innerHTML="辛凯斌";
}
</script>
</body>
</html>
打开关闭另一个页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/* var salary=prompt("请输入工资");
if(salary>20000){
document.write("土豪");
}else if(salary<5000){
document.write("屌丝");
}else{
document.write("一般人");
}*/
</script>
</head>
<body>
<p onclick="window.open('http://www.w3school.com.cn/')">打开</p>
<p onclick="window.close()">关闭</p>
</body>
</html>
倒计时
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="result">0</div>
<span id="begain">开始</span>
<span id="stop">结束</span>
<script>
var n=0;
/*定时器*/
var begain=document.getElementById("begain");
var stop=document.getElementById("stop");
var timmer;
begain.onclick=function(){
timmer=setInterval(function(){
n++;
document.getElementById("result").innerHTML=n;
},1000)
};
stop.onclick=function(){
clearInterval(timmer);
}
</script>
</body>
</html>
- append的使用+抽奖(作弊)+打开关闭另一个页面+倒计时
- 关闭窗体的同时打开另一个窗体
- 点击打开另一个页面
- 倒计时自动关闭/跳转页面
- 打开一个网站页面随之弹出另一个页面的方法
- C#关闭一个窗口的同时打开另一个窗口
- C#关闭一个窗口的同时打开另一个窗口
- 关闭/打开/跳转的窗口页面
- 点击页面关闭某个打开的列表
- js 打开(关闭)页面触发事件
- ios打开手机另一个应用的指定的页面
- (dwz)打开一个页面,再打开另一个页面,input框中出现本该隐藏的内容
- html页面打开另一个html页面
- 页面中加入倒计时关闭网页
- 打开资源视图时-提示在另一个编辑器中打开,但是已经关闭所有的打开文件还是这样
- 打开资源视图时-提示在另一个编辑器中打开,但是已经关闭所有的打开文件还是这样
- 打开资源视图时-提示在另一个编辑器中打开,但是已经关闭所有的打开文件还是这样
- 常用的页面倒计时
- opencv无法启动此程序,计算机中丢失opencv-249d.dll等dll问题
- Android ListView工作原理完全解析,带你从源码的角度彻底理解
- 修改secure CRT宽
- Android开发艺术探索读书笔记-View的事件体系(二)
- android ImageView最常用两scaleType centerCrop和fitXY
- append的使用+抽奖(作弊)+打开关闭另一个页面+倒计时
- 教你如何阅读Oracle数据库官方文档
- 有关Anaconda安装的说明
- Servlet处理文件下载11
- Sublime text 3 如何格式化HTML/css/js代码
- CAN学习
- 移动端常用适配方法
- 配置rsync+inotify实时同步
- 多文件上传