2019-08-29 浏览器BOM弹窗和定时函数

  1. js弹窗。
    警告窗:window.alert("sometext");或者直接使用alert();
    确认框:确认窗弹出时,用户可以点击 "确认" 或者 "取消" 来确定用户操作。
    使用confirm("sometext")方法,方法会有一个返回值,点击确定返回true,取消返回false。
    提示框:prompt("提示信息","defaultvalue")方法。会提供一个输入框,方法的返回值即时输入框的内容,不输入则返回默认值。
    弹窗的内容可以显示为多行(其实就是上面单个方法的参数),换行使用\n。

  2. js计时事件:一个设定的时间间隔之后执行的代码,就称为计时事件。

两个关键方法:
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 在指定的毫秒数后执行指定代码。

实例显示当前时间:
var myVar=setInterval(function(){myTimer()},1000);

function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}

如何停止执行?
clearInterval(intervalVariable) -- 这个方法用来停止setInterval() 方法执行(注意函数变量的使用)。

实例,等待3秒,然后弹出 "Hello":
setTimeout(function(){alert("Hello")},3000);
如何停止执行?
clearTimeout(intervalVariable) -- 这个方法用来停止setTimeout() 方法执行(注意函数变量的使用)。因为是间隔一段时间之后执行一次,所以需要在设定时间触发之前点击停止。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,775评论 0 8
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,162评论 0 3
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,561评论 1 10
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,248评论 0 5
  • Chapter22离婚 沈民洁想不到一向温顺的向晚会开口骂人,一时间竟愣在那里,还没反应过来怎么对付她,沈民浩已经...
    冬妮娅阅读 4,093评论 0 0

友情链接更多精彩内容