js随机点名
2024-10-19 06:24:38
定时器案例。
<!--
Author: XiaoWen
Create a file: 2016-12-08 12:27:32
Last modified: 2016-12-08 12:51:59
Start to work:
Finish the work:
Other information:
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>随机点名</title>
</head>
<body>
<div style="width:100px;height:100px;border:1px solid #ccc"></div>
<input type="button" value="开始">
<input type="button" value="停止">
<script>
var div=document.getElementsByTagName("div")[0];
var arr=["零","一","二","三","四","五","六","七","八","九"]
var a_ipt=document.getElementsByTagName("input");
var inter; //定时器的名字,这里要写在外面,否则外面的函数不能找到
a_ipt[0].onclick=function(){
clearInterval(inter) //先清除定时器,不然定时器会累加
inter=setInterval("fn1()",50); //为什么定时器里调用的函数名要加绰号?如果不加,浏览器看到 fn() 就直接执行 fn() 了。而看到被引号包围的 "fn()" 不会。
}
function fn1(){
div.innerHTML=arr[parseInt(Math.random()*10)]
}
a_ipt[1].onclick=function(){
clearInterval(inter)
}
</script>
</body>
</html>
最新文章
- Asp.Net跨平台:Ubuntu14.0+Mono+Jexus+Asp.Net
- 密码学应用(DES,AES, MD5, SHA1, RSA, Salt, Pkcs8)
- [转载]: delphi中XLSReadWrite控件的使用(3)---基本应用
- Bzoj 3173: [Tjoi2013]最长上升子序列 平衡树,Treap,二分,树的序遍历
- ViewPager禁止滑动以及它与内层滑动控件水平方向上事件冲突的解决方法
- Realsense Camera SDK 开发手记(一)
- LeetCode315—Count of Smaller Numbers After Self—Java版归并算法
- 调用Kubernetes API操作Kubernetes
- EntityFramework Core 自动绑定模型映射
- Ubuntu18.04关机卡死问题
- pyqt pyside 窗口自动调整大小
- bzoj 2427
- $q的基本用法
- 音频标签化1:audioset与训练模型 | 音频特征样本
- 创建一个背景为蓝色的pygame窗口
- 0_Simple__simpleSurfaceWrite
- Hibernate中查询优化策略
- Linux下查看nginx的安装路径
- maven搭建ssm框架是使用最新mysql 6.0jar遇到的问题
- Kong在windows10的hyperV CentOS上安装