2. 软件开发
    3. JS(定时器)

    JS(定时器)

    xiaoxiao2025-04-02  9
    定时器 ----setTimeout（函数名/直接把函数写在这里，时间）隔断事件再执行只执行一次 clearTimeout（前面的返回值）清除该定时器 ----setInterval（函数名/直接把函数写在这里，时间） 每隔一段时间执行一次 clearInterval（前面的返回值） 清除该定时器小案例 html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/time.css" /> <script src="js/time.js"></script> </head> <body> <div id="div1"></div> <div id="div2"></div> </body> </html>

    js

    window.onload=function() { var Div1=document.getElementById("div1"); var Div2=document.getElementById("div2"); var time; Div2.onmouseover=Div1.onmouseover=function() { clearTimeout(time); Div2.style.display="block"; } Div2.onmouseout=Div1.onmouseout=function() { time=setTimeout(function(){ Div2.style.display="none"},500); } // Div2.onmouseover=function(){ // clearTimeout(time); // Div2.style.display="block"; // } // Div2.onmouseout=function() // { // time=setTimeout(function(){ // Div2.style.display="none"},500); // } }

    css

    *{ padding: 0px; margin: 0px; } div{ margin: 10px; } #div1{ width: 40px; height: 50px; background:skyblue; float:left; } #div2{ width: 40px; height: 100px; background: palegreen; float:left; display: none; }
    最新回复(0)