confirm()、setInterval()、setTimeout()

GeekLiHua

发布于 2025-01-21 15:19:12

5000

代码可运行

文章被收录于专栏：JavaJava

运行总次数：0

代码可运行

confirm()、setInterval()、setTimeout()

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->

事件绑定(onmouseout,onmouseover)

->事件绑定(onsubmit)表单提交

->提交表单与验证表单案例

简介：演示confirm()、setInterval()、setTimeout()的使用。

confirm()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript演示</title>
</head>
<body>


<script>
    // confirm()，点击确定按钮，返回true，点击取消按钮，返回false
    var flag = confirm("确认删除？");

    document.write(flag);

</script>
</body>
</html>

运行结果：

选择确定

setInterval(),setTimeout()

setTimeout(function,毫秒值) : 在一定的时间间隔后执行一个function，只执行一次

setInterval(function,毫秒值) :在一定的时间间隔后执行一个function，循环执行

通过一个案例讲解：

屏幕上显示时间。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript演示</title>
</head>
<body>
    <span id="time"></span>
<script>    
    setInterval(
        function show(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth()+1; // month是从0开始的 所以需要+1
        month = month<10?"0"+month:month; 
        var week = date.getDay(); // 获取具体的天数取值范围为0~6
        week = "星期"+"日一二三四五六".charAt(week);  // 然后根据情况对应        
        var day = date.getDate();   
        day = day < 10 ? "0"+ day : day; // 三元运算符设置日期格式
        var hour = date.getHours(); // 今天的小时
        hour = hour < 10 ? "0" + hour : hour;
        var minutes = date.getMinutes(); // 今天的分钟
        minutes = minutes < 10 ? "0" + minutes : minutes;
        var seconds = date.getSeconds(); // 今天的秒数
        seconds = seconds < 10 ? "0" + seconds : seconds;
        var result = year+","+month+","+day+" "+week+" "+hour+":"+minutes+":"+seconds; // 最后拼接一个整的
        document.getElementById("time").innerHTML = result; // 设置span中的内容
    },1000);
   
</script>
</body>
</html>

运行结果：