【提示框】【计时事件】【cookie】
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】的更多相关文章
- javaScript 笔记(4) -- 弹窗 & 计时事件 & cookie
弹窗 可以在 JavaScript 中创建三种消息框:警告框.确认框.提示框. 警告框:经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. 语法: window ...
- [UWP]在应用退出时弹出确认提示框
1. 需求 在应用退出时(点击右上角的关闭按钮)弹出一个确认按钮可以说是一个最常见的操作了,例如记事本的"你是否保存": 但这个功能在UWP上居然有点小复杂.这篇文章将解释如何实现 ...
- JS_Window-三种消息框:警告框、确认框、提示框、页面显示时间-计时-延时
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U ...
- 写入cookie后只显示一次的DIV提示框代码
<script type="text/javascript"> function cookiesave(n, v, mins, dn, path){ if(n) { i ...
- JS使用cookie实现DIV提示框只显示一次的方法
本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法.分享给大家供大家参考,具体如下: 这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第 ...
- jqury关于cooke的操作写入cookie后只显示一次的DIV提示框代码
有时候当用户登录系统后,需要给用户弹出提示框,但是不需要总是弹出来,在这里加入访问cookie来判断是否弹出过提示框,如果弹出过那么保存cookie,下次根据cookie是否存在来判断是否弹出 < ...
- layui提示框事件
使用layui提示框的时候遇到个问题,点击“确定”“取消”之类的按钮会执行里面的方法,但点击×就不会执行,所以在添加数据的时候出现个BUG,就是保存数据后点击弹出提示框的×,继续保存,如此循环,就可以 ...
- 创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息。
创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie,当该用户再次访问该页面时,根据 cookie 中的信息发出欢迎信息. <html> & ...
- 帆软报表(finereport)使用Event 事件对象 (target)修改提示框样式
target 事件属性 Event 对象 定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 语法 event.target 定义结束事件Jav ...
随机推荐
- PHP实现异步处理
resource fsockopen ( string $hostname [, int $port = -1 [, int &$errno [, string &$errstr [, ...
- hystrix实战总结;
HystrixCircuitBreaker 有三种状态 : 断路器默认是20个请求失败才打开短路器,可以进行配置: CLOSED :关闭 OPEN :打开 HALF_OPEN :半开 1.接口正确,接 ...
- websocket实现简单的通信
websocket server端 #coding=utf8 #!/usr/bin/python import struct,socket import hashlib import threadin ...
- springboot启动报错Failed to configure a DataSource
2018-11-21 19:43:12.076 WARN 5392 --- [ main] ConfigServletWebServerApplicationContext : Exception e ...
- sping入门
SpringMVC 1.RequestMapping 处理地址映射请求 参数: value, produces, method, params, headers value:指定请求的实际地址 1.最 ...
- 剑指Offer_编程题_1
题目描述 在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数. class Sol ...
- linux报错汇总
一.出现cannot send message: Process exited with a non-zero status错误 查看log文件:sudo cat /var/log/mail.err, ...
- kubernetes yaml格式的Pod配置文件
kubernetes yaml文件解析 # yaml格式的pod定义文件完整内容: apiVersion: v1 #必选,版本号,例如v1 kind: Pod #必选,Pod metadata: #必 ...
- linux 网络连接数查看方法
1.查看系统tcp连接中各个状态的连接数. netstat -an|awk '/^tcp/ {++s[$NF]} END {for(a in s ) print a,s[a]}' 2.查看和本机23端 ...
- maven坑-Failure to transfer org.apache.maven:maven
参考网址:http://www.mkyong.com/maven/how-to-convert-maven-java-project-to-support-eclipse-ide/ https://b ...