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>
运行结果: