扣奖(定时器)

简介: 扣奖(定时器)
<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秒等于一千毫秒),执行的什么

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

相关文章
用555定时器接成的多谐振荡电路的介绍
用555定时器构建的多谐振荡电路 一、引言 多谐振荡电路是一种能够产生多个频率的振荡信号的电路结构。它在音乐合成器、电子琴等设备中有着广泛的应用。本文将介绍一种使用555定时器构建的多谐振荡电路。 二、555定时器简介 555定时器是一种经典的集成电路,由三个功能单元组成:比较器、RS触发器和放大器。它可以用作脉冲发生器、频率分频器、定时器等。在多谐振荡电路中,我们将利用555定时器的单稳态多谐振荡特性来实现多个频率的振荡。 三、电路设计 1. 电路原理 多谐振荡电路的基本原理是利用555定时器的单稳态多谐振荡特性。单稳态多谐振荡是指当555定时器处于单稳态时,输出信号的频率会随着电容和
365 0
|
6月前
定时器
定时器
58 0
|
6月前
|
C#
[C#] 定时器的使用
[C#] 定时器的使用
45 0
实现定时器(基于标准库提供的定时器、基于优先级队列自实现的定时器)
实现定时器(基于标准库提供的定时器、基于优先级队列自实现的定时器)
|
编解码 物联网 开发者
定时器介绍|学习笔记
快速学习定时器介绍
定时器介绍|学习笔记
|
数据采集 物联网 开发者
定时器实现|学习笔记
快速学习定时器实现
定时器实现|学习笔记
|
前端开发 JavaScript
34、定时器
setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。
144 0
|
C#
C#中的三种定时器总结
C#中的三种定时器总结
376 0
C#中的三种定时器总结
|
移动开发 C# Windows