<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title> 问候与上网计时 </title> <mce:script language=JavaScript><!-- //定义存放用户名的变量 var username; //定义存放各时间的变量 var hour; var minute; var second; //定义一个标志变量 var flag; //定义存放定时时间的变量 var timeid; //置用户名初始值为空串 username=""; //把各时间值定为0 hour=0; minute=0; second=0; //置标记变量初始值为0 flag=0; //下面开始定义显示停留时间的功能函数 function caltime() { //首先判断用户是否已输入名字 if(username=="" ||username==null) { //如果还没输入,则循环等待 timeid=setTimeout("caltime()",500); //从这里直接返回 return; } if(flag==0) { //用户输入名字后,第一次运行到这里时,撤销前面的定时对象 clearTimeout(timeid); //修改标志变量,使本段语句值执行一次 flag=1; } //每运行一次本函数,秒值加1 second++; var secondstr; //下面的语句进行格式及时间值的转换 if(second<10) { secondstr="0"+second; } else{ secondstr=second; } if(second>=60) { second=0; secondstr="00"; minute++; } var minutestr; if(minute<10) { minutestr="0"+minute; } else{ minutestr=minute; } if(minute>=60) { minute=0; minute="00"; hour++; } var hourstr; if(hour<10) { hourstr="0"+hour; } else{ hourstr=hour; } //最后生成本次要显示的语句 var totaltime; totaltime="您好,您已经在本页停留了 "+hourstr+":"+minutestr+":"+secondstr+ " 亲爱的"+username; //把要显示的语句赋给页面中的文本框 document.myform.myclock.value=totaltime; //每隔1秒钟就执行一次本功能函数,循环计时 setTimeout("caltime()",1000); } //下面的函数用于把焦点从文本框中去掉 function blurcursor() { //调用文本框的方法实现相应功能 document.myform.myclock.blur(); } //定义用于询问的功能函数 function ask() { //调用window对象的方法实现相应功能 username=prompt("请输入您的名字:",""); //下面的循环语句用于判断看用户的输入是否是空值,或点了"取消"按钮 while(username==""||username==null) { //如果输入不合法,则循环让用户输入,直到输入合法值 username=prompt("名字不能为空,请您再次输入:",""); } } // --></mce:script> </head> <body οnlοad="ask()"> <p align="center"> <font color="#008000" face="金山简行楷" size="5"> 问候与上网计时 </font> </p> <p align="center"> <form name="myform"> <font color="#ff0000" face="金山简行楷" size="5"> 停留时间 </font> <input type='text' name='myclock' size=80 οnfοcus='blurcursor()'> </form> </p> <mce:script language=javascript><!-- //调用计时函数 caltime(); // --></mce:script> </body> </html>