开心摇摇乐（定时器的应用）

lord_of_war

于 2020-09-20 21:34:10 发布

阅读量189

点赞数

本文链接：https://blog.csdn.net/lord_of_war/article/details/108698845

版权

定时器

定时器分为两种

一种是一次性的，时间到就执行

var timer=setTimeout(function(){},触发的时间(单位毫秒));

清除的方法

clearTimeout(timer)

第二种是周期性的，根据设定的时间周期进行

var timer=setInterval(function(){},触发的时间(单位毫秒));

清除的方法

clearInterval(timer)

下面写一个简单的关于定时器的小案例——开心摇摇乐（随机点名系统）

开心摇摇乐

话不多说，上代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>开心摇摇乐</title>
	<style type="text/css">
	 .wrapper {
    
	     width: 99%;margin: 8px auto;
	     border: 1px solid #ddd;text-align: center;
		 background-color: pink;
	 }
	 .box li {
    
	     vertical-align: top;
	     display: inline-block;
	     width: 100px;height: 50px;
	     border: 2px solid #ddd;
	     border-radius: 15px;text-align: center;
	     line-height: 50px; margin: 5px;
	 }
	 .box li.change {
    
	     background-color: red;
	     color: #fff;font-weight: bolder;
	 }
	 .wrapper button {
    
	     display: inline-block;
	 }
	 .wrapper button {
    
	     border: none;width: 100px;
	     height: 50px;border-radius

最低0.47元/天解锁文章

lord_of_war

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
开心摇摇乐（定时器的应用）

定时器定时器分为两种一种是一次性的，时间到就执行var timer=setTimeout(function(){},触发的时间(单位毫秒));清除的方法clearTimeout(timer)第二种是周期性的，根据设定的时间周期进行var timer=setInterval(function(){},触发的时间(单位毫秒));清除的方法clearInterval(timer)下面写一个简单的关于定时器的小案例——开心摇摇乐（随机点名系统）开心摇摇乐话不多说，上代码<!DOCTY
复制链接

扫一扫