confirm()、setInterval()、setTimeout()

简介: confirm()、setInterval()、setTimeout()

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>

运行结果:

相关文章
|
2月前
|
JavaScript 调度
setTimeout
【10月更文挑战第22天】
20 1
|
4月前
使用requestAnimationFrame模拟实现setTimeout和setInterval
`rafTimeout` 函数采用 `requestAnimationFrame` 实现延时或周期性调用,提供与 `setTimeout` 和 `setInterval` 类似的功能。接受参数包括要执行的函数 `fn`、延迟时间 `delay`(默认 0ms)及是否周期执行 `interval`(默认为单次执行)。返回值为包含 `id` 的对象,可用于取消定时器。通过 `cancelRaf` 或 `cancelAnimationFrame` 方法可取消对应的 `rafTimeout` 定时器。
167 2
使用requestAnimationFrame模拟实现setTimeout和setInterval
|
前端开发
setInterval
setInterval
44 0
|
消息中间件 JavaScript 前端开发
setTimeout和setInterval
setTimeout和setInterval
|
JavaScript 前端开发 Java
|
JavaScript 前端开发
|
JavaScript 前端开发
第46天:setInterval与setTimeout的区别
js的setTimeout方法用处比较多,通常用在页面刷新了、延迟执行了等等。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout,很容易就会想到setInterval,因为这两个用法差不多,但是又有区别,今天一起总结了吧! 1、setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
1498 0
|
JavaScript 前端开发 API
setTimeout,setInterval你不知道的…
  javascript线程解释(setTimeout,setInterval你不知道的事)  标签: javascript引擎任务浏览器functionxmlhttprequest 2011-11-21 14:22 5672人阅读  分类:...
1344 0