1.提示框

1)警告框

<script>
function disp_alert()
{
alert("我是警告框!!")
}
</script>

2)确认框

function disp_alert()
{
var r=confirm("Press a button!");//弹出确认框
if (r==true)    //选择提示
  {
  alert("You pressed OK!");
  }
else
  {
  alert("You pressed Cancel!");
  }
}
</script>

3)提示框

<script>
function disp_alert()
  {
  var name=prompt("请输入您的名字","Bill Gates")//弹出提示框,可输入信息,默认Bill Gates
  if (name!=null && name!="")
    {
    document.write("你好!" + name + " 今天过得怎么样?")
    }
  }
</script>

2.计时事件

1)延时显示  setTimeout

function timedMsg()
{
var t=setTimeout("alert('1 秒!')",1000)    //参数为 JavaScript语句 和 毫秒
}
</script>

2)计时器

<script>
var c=0;                                          //指定文本txt初值为0

var t;                    //为停止计数提供参数
function timedCount()   //开始计数
{
document.getElementById('txt').value=c  //给文本赋值
c=c+1                                   //+1
setTimeout("timedCount()",1000)       //调用自身函数,并设定延时1秒
}

function stopCount()  //停止计数,并初始化
{
c=0;                                      //初始化c
document.getElementById('txt').value="";     //初始化txt
clearTimeout(t);                        //停止计数            
}
</script>
<input type="button" value="开始计时!" onClick="timedCount()">       //开始计数,多次点击计数频率加快
<input type="text" id="txt">                                                            //计数显示框

<input type="button" value="停止计时!" onClick="stopCount()">        //停止计数

3)显示当前时间

<body onload="startTime()">
<script>
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}
</script>
<div id="txt"></div>
</body>

3.cookie

<script>
function getCookie(c_name)
{
//cookie保存在系统中的时候是以“cookie名1=cookie值;cookie名2=cookie值”这样的方式来保存的。
if (document.cookie.length>0)  //检查所有cookie名的个数是否大于零
{
    c_start=document.cookie.indexOf(c_name + "=")
    //查找cookie名c_name的位置,加上等号直接查找"c_name="的位置,防止因有密码带c_name而出错
 
    if (c_start!=-1)  //搜不到位置document.cookie.indexOf()返回-1
    {
        c_start=c_start + c_name.length+1
        //用先前取得的位置加上cookie名的长度再加1,就是把位置确定在这个cookie名的"="符号的后面
    
        c_end=document.cookie.indexOf(";",c_start)//从c_start的位置开始查找,直到";"的位置。
        if (c_end==-1)
        {
            c_end=document.cookie.length  //c_name存于cookie的最末尾,读取cookie的长度即可
        }
    return unescape(document.cookie.substring(c_start,c_end))
    //取该cookie名的等号后面到分号前面的字符串,即对应的cookie值,并返回
    }
    else
    {
        return ""           //无c_name,返回空
    }
}
else
{
    return ""           //无cookie,返回空
}
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()                     //设置时间对象
exdate.setDate(exdate.getDate()+expiredays)  //设置cookie过期时间
var temp1=";expires="+exdate.toGMTString();  //
var temp2=(expiredays==null) ? "" :temp1;   //若有,设置过期时间
document.cookie=c_name+"="+value+temp2;    //c_name=value;expires=exdate
//document.cookie=c_name+ "=" +value+((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

function checkCookie()
{
username=getCookie('username')  //提取浏览器的cookie中的username
if (username!=null && username!="")  //不为空,表示欢迎
  {alert('Welcome again '+username+'!')}
else
  {
  username=prompt('Please enter your name:',"")//设置提示框,并给username赋值
  if (username!=null && username!="")
    {
    setCookie('username',username,365)  //调用setCookie,设置cookie的名字为username,值为提示框的输入内容,过期时间为356天
    }
  }
}
</script>

<body onLoad="checkCookie()">  
</body>

输入kxy

进入刷新网站

<——第五节完——>

【提示框】【计时事件】【cookie】的更多相关文章

  1. javaScript 笔记(4) -- 弹窗 & 计时事件 & cookie

    弹窗 可以在 JavaScript 中创建三种消息框:警告框.确认框.提示框. 警告框:经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. 语法: window ...

  2. [UWP]在应用退出时弹出确认提示框

    1. 需求 在应用退出时(点击右上角的关闭按钮)弹出一个确认按钮可以说是一个最常见的操作了,例如记事本的"你是否保存": 但这个功能在UWP上居然有点小复杂.这篇文章将解释如何实现 ...

  3. JS_Window-三种消息框:警告框、确认框、提示框、页面显示时间-计时-延时

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U ...

  4. 写入cookie后只显示一次的DIV提示框代码

    <script type="text/javascript"> function cookiesave(n, v, mins, dn, path){ if(n) { i ...

  5. JS使用cookie实现DIV提示框只显示一次的方法

    本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法.分享给大家供大家参考,具体如下: 这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第 ...

  6. jqury关于cooke的操作写入cookie后只显示一次的DIV提示框代码

    有时候当用户登录系统后,需要给用户弹出提示框,但是不需要总是弹出来,在这里加入访问cookie来判断是否弹出过提示框,如果弹出过那么保存cookie,下次根据cookie是否存在来判断是否弹出 < ...

  7. layui提示框事件

    使用layui提示框的时候遇到个问题,点击“确定”“取消”之类的按钮会执行里面的方法,但点击×就不会执行,所以在添加数据的时候出现个BUG,就是保存数据后点击弹出提示框的×,继续保存,如此循环,就可以 ...

  8. 创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息。

    创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息. <html> & ...

  9. 帆软报表(finereport)使用Event 事件对象 (target)修改提示框样式

    target 事件属性 Event 对象 定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 语法 event.target 定义结束事件Jav ...

随机推荐

  1. JAVA基础语法 我的学习记录

    1.标识符 Java所有的组成部分都需要名字.类名.变量名以及方法名都被称为标识符. 关于Java标识符,有以下几点需要注意: 所有的标识符都应该以字母(A-Z或者a-z),美元符($).或者下划线( ...

  2. 关于form与表单操作

    form表单自动提交规则 form表单中只有一个type=text的input,在input中按enter键,会自动提交: form表单中有多个type=text的input,且无type=submi ...

  3. 第二十九节,目标检测算法之R-CNN算法详解

    Girshick, Ross, et al. “Rich feature hierarchies for accurate object detection and semantic segmenta ...

  4. 苹果电脑利用curl下载数据集

    在看tensorflow书上迁徙学习的这一部分的时候,书上说利用 curl http://download.tensorflow.org/example_images/flower_photos.tg ...

  5. CSUST 1011 神秘群岛 (Dijkstra+LCA)

    神秘群岛   Description 小J继续着周游世界的旅程,这次他来到了一个神奇的群岛.这片群岛有n个岛屿,同时这些岛屿被标上了1-n的编号. 每个岛屿上面都有神奇的传送门,传送门可以把小J从当前 ...

  6. 彻底删除与安装MySQL

    一.下载msi安装版:https://dev.mysql.com/downloads/mysql/ 二.安装前一定要彻底删除已有的MySQL:(从未安装过,忽略此步) 1.计算机处右键快捷菜单,管理, ...

  7. 某些浏览器具有dns缓存功能,大家更改域名指向,建议清理下浏览器缓存

    最近遇到一个很郁闷的问题,在我们的的ngnix服务器上原来默认的网址需要更改.更改后,重启了ngnix.可是在客户端使用360浏览器打开网址.地址还是指向旧地址.直接输入服务器 IP地址转向了新地址, ...

  8. php mkdir No such file or director问题

    有时使用mkdir创建目录时会出现 No such file or director这样的错误,导致这个错误的原是 比如你要创建目录 a\b\c目录,但是创建时父目录b也不存在时就会出现这样的问题. ...

  9. 在中国使用苹果Mac电脑的都是些什么人?

    来源:PConline 资讯 文章收录于:风云社区(提供上千款各类Mac软件下载)   (图片来源于互联网分享,如涉及版权问题请联系作者删除) 在中国用Mac的都是什么人?腾讯CDC用户研究中心对 Q ...

  10. python自动化开发-[第十三天]-javascript

    今日概要 1.javascript简单语法 1.javascript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名S ...