JS中设置时间和定时器

      在JavaScript中，可以使用Date对象来设置时间。定时器是一种计时设备，用于在设定的时间间隔内执行某个操作或发出某个信号。在计算机科学中，定时器常用于控制程序执行的时间。

一、设置时间

（1）设置当前时间

var nowDate = new Date();
先获得当前时间然后再去设置（修改）时间

（2）设置年

  变量名.setFullYear( )

//设置年份
    nowDate.setFullYear('设置时间年份');

（3）设置月份

  变量名.setMonth( )   (0-11)自动月份加1

  //设置月份 (0-11) 
    nowDate.setMonth(数字)

（4）设置日期

  变量名.setDate( )

//设置日期
    nowDate.setDate(数字);

（5）设置小时

  变量名.sethours( ）

//设置时
    nowDate.setHours(24小时);

（6）设置分钟

  变量名.setMinutes

//设置分
    nowDate.setMinutes(60分钟)；

（7）设置秒

  变量名.setSeconds

  // 设置秒
    nowDate.setSeconds(60秒)；

（8）设置毫秒

  变量名.getTime( )

  // 设置毫秒
    nowDate.getTime()
毫秒切换成秒，换成单位是1000为1秒

  注意一点：toLocalestring 将日期对象转换成本地格式。  

  倒计时设置

设置现在时间，然后用要倒计时时间减去现在时间
除以天为24
除小时为60
除分钟为60
除以秒为最后%60
    var a= new Date()
    var a1=new Date(2024,9,1,12,0,0)
    var a2=(a1-a)/1000
    //tian
    var a3=Math.floor(a2/60/60/24)
    //shi
    var a4=Math.floor(a2/60/60%24)
    //fen
    var a5=Math.floor(a2/60%60)
    //miao
    var a6=Math.floor(a2%60)
    aa.innerHTML=`${a.toLocaleString()}距离${a1.toLocaleString()}
    的时间还有${a3}天${a4}时${a5}分${a6}秒`

二、定时器

（1）一次性定时

  设置一次性定时器  定时器

  setTimeout(function(){执行的代码}，毫秒)

  关闭一次性定时器   用clearTImeout（名）

（2）重复性定时

  设置重复性定时   定时器

  setInterval(function(){执行的代码}，毫秒)

  关闭重复性定时器  用clearInterval

  设置5秒弹出一个警告框

 <script>
        var a1 = 0
        var a = setInterval(function () {
            alert('广告植入')
            if (a1 >= 9) {
                clearInterval(a)
            }
            a1++;
        },1000)
    </script> 

   使用定时器实现60秒倒计时，开始倒计时后，生成6位的随机数字，并让按钮禁用，当秒到0时停止定时器，并把按钮文字修改位重新获取，将按钮取消禁用。

  <div>
        <button id="aa">
           60秒
        </button>
    </div>
    <script>
        var c = ''
        for (i = 0; i < 6; i++) {
            c += Math.floor(Math.random() * 10)
        }

        var a = 60;
        var b = setInterval(function () {
            a--;
            aa.innerHTML = (a + '秒')
            aa.disabled = true;
            console.log(c)
           
            if (a <= 0) {
                clearInterval(b);
                aa.innerHTML = (`重新获取`)
                aa.disabled = false;
            }

        }, 1000) 
    </script>