扣奖(定时器)

简介: 扣奖(定时器)
<input type = "number"id = "qaz"value = "" >
    <button onclick = "fu()"id = "yhn" > 提交 < /button> 
<input type = "text"value = "0"id = "rfv"style = "display: none;"readonly ="readonly" >
    <button id = "edc"style = "display: none;" > 抽奖 < /button>

加 display:none 让他们两个隐藏起来,达到一定条件再显示出来

let qaz = document.getElementById("qaz");
    let edc = document.getElementById("edc");
    let rfv = document.getElementById("rfv");
    let yhn = document.getElementById("yhn");
    edc.onclick = function() {
      rfv.value++;
    }
    function fu() {
      if (qaz.value <= 17) {
        alert('未成年');
      } else if (qaz.value >= 18 && qaz.value < 40) {
        alert('青少年');
      } else if (qaz.value >= 40 && qaz.value < 60) {
        alert('中年');
      } else if (qaz.value >= 60 && qaz.value <= 100) {
        alert('低保户');
        edc.style.display = "inline-block";
        rfv.style.display = "inline-block";
        setTimeout(function() {
          if (rfv.value > 20 && rfv.value < 30) {
            alert('抽奖成功');
            edc.style.display = "none";
            rfv.style.display = "none";
            qaz.style.display = "none";
            yhn.style.display = "none";
          } else if (rfv.value >= 30 && rfv.value < 40) {
            alert('B');
            edc.style.display = "none";
            rfv.style.display = "none";
            qaz.style.display = "none";
            yhn.style.display = "none";
          } else if (rfv.value >= 40 && rfv.value <= 50) {
            alert('A');
            edc.style.display = "none";
            rfv.style.display = "none";
            qaz.style.display = "none";
            yhn.style.display = "none";
          } else if (rfv.value > 50) {
            alert('SSS');
            edc.style.display = "none";
            rfv.style.display = "none";
            qaz.style.display = "none";
            yhn.style.display = "none";
          } else {
            alert('失败');
            edc.style.display = "none";
            rfv.style.display = "none";
            qaz.style.display = "none";
            yhn.style.display = "none";
          }
        }, 5000)
      }
    }

获取过来标签,判断value值可不可以抽奖可以显示,不可以弹出alert;

获取过来标签,加上点击事件,使value的值加加

设置一个定时器 几秒后执行(以毫秒为单位1秒等于一千毫秒),执行的什么

判断达不达标,达标怎么样,不达标怎么样

相关文章
|
1月前
定时器
定时器
12 0
|
6月前
用555定时器接成的多谐振荡电路的介绍
用555定时器构建的多谐振荡电路 一、引言 多谐振荡电路是一种能够产生多个频率的振荡信号的电路结构。它在音乐合成器、电子琴等设备中有着广泛的应用。本文将介绍一种使用555定时器构建的多谐振荡电路。 二、555定时器简介 555定时器是一种经典的集成电路,由三个功能单元组成:比较器、RS触发器和放大器。它可以用作脉冲发生器、频率分频器、定时器等。在多谐振荡电路中,我们将利用555定时器的单稳态多谐振荡特性来实现多个频率的振荡。 三、电路设计 1. 电路原理 多谐振荡电路的基本原理是利用555定时器的单稳态多谐振荡特性。单稳态多谐振荡是指当555定时器处于单稳态时,输出信号的频率会随着电容和
175 0
|
4月前
|
C#
[C#] 定时器的使用
[C#] 定时器的使用
17 0
|
6月前
|
存储 算法
定时器/计数器应用的提高
定时器/计数器是数字电路中常用的功能模块,可以用于实现各种计时、计数和控制功能。提高定时器/计数器应用的关键在于深入理解其原理和功能,并结合具体应用场景进行合理设计和优化。以下是提高定时器/计数器应用的一些建议: 1. 熟悉定时器/计数器的工作原理: 了解定时器/计数器的工作原理是提高应用的基础。掌握定时器/计数器的计时和计数模式、时钟源选择、计数器位宽等相关知识,以及定时器/计数器的寄存器设置和控制方法。 2. 确定应用需求: 明确应用的具体需求,包括计时/计数的时间范围、精度要求、计数模式(递增/递减)、触发条件等。根据需求选择合适的定时器/计数器模块,并合理配置相关参数。 3. 时
28 0
|
数据采集 物联网 开发者
定时器实现|学习笔记
快速学习定时器实现
116 0
定时器实现|学习笔记
|
编解码 物联网 开发者
定时器介绍|学习笔记
快速学习定时器介绍
154 0
定时器介绍|学习笔记
|
前端开发 JavaScript
34、定时器
setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。
125 0
2.6.4 Qtimer定时器介绍
2.6.4 Qtimer定时器介绍
105 0
2.6.4 Qtimer定时器介绍
|
C#
C#中的三种定时器总结
C#中的三种定时器总结
331 0
C#中的三种定时器总结