Javascript脚本特效示例：[18]显示登陆时间
1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。
<html>
<head>
<title>晓博JavaScript特效测试</title>
</head>
<body>
<div id="zy">
<div id="login"></div>
<div id="daohang">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="jianjie.html">七夕简介</a></li>
<li><a href="#">七夕节传说</a></li>
<li><a href="#">七夕节习俗</a></li>
<li><a href="#">诗词& 歌谣</a></li>
<li><a href="#">七夕节寄语</a></li>
</ul>
</div>
</div>
</body>
</html>
![Javascript脚本特效示例：[18]显示登陆时间](https://exp-picture.cdn.bcebos.com/92174dbbf82064fb0f833f958e6104a354e96fdc.jpg)
![Javascript脚本特效示例：[18]显示登陆时间](https://exp-picture.cdn.bcebos.com/586bfdefe07814317b3e3cd8dc6699cf035362dc.jpg)
2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件
<form name=forms> <font size=3><CENTER><div align=center></font><font color=red size=3>您在本站逗留了</font><font color=#80FF80><br> <input type=text name=input1 size=10></font></div></center></font><SCRIPT language=javascript><!--
var sec=0;var min=0;var hou=0;flag=0;idt=window.setTimeout("update();",1000);function update(){sec++;if(sec==60){sec=0;min+=1;}if(min==60){min=0;hou+=1;}if((min>0)&&(flag==0)){window.alert("您刚刚来了1分钟!可别急着走开，还有好多好东东等着您呢!--晓博个人网");flag=1;}
document.forms.input1.value=hou+"时"+min+"分"+sec+"秒";idt=window.setTimeout("update();",1000);}
//-->
</SCRIPT></form>
3、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到显示登陆时间特效，如下图
![Javascript脚本特效示例：[18]显示登陆时间](https://exp-picture.cdn.bcebos.com/e3d059e833e039728d8bb55eb5863048604356dc.jpg)
![Javascript脚本特效示例：[18]显示登陆时间](https://exp-picture.cdn.bcebos.com/05aae8a75f0f822bcf661286c018512c8df14ddc.jpg)
![Javascript脚本特效示例：[18]显示登陆时间](https://exp-picture.cdn.bcebos.com/d9e638334884cde38fa4585af07f860e7d7542dc.jpg)