响应事件示例：同时在按钮上和状态栏中显示当前时间，如果单击按钮，会显示信息框

最新推荐文章于 2022-04-12 11:17:24 发布

山涧石溪

最新推荐文章于 2022-04-12 11:17:24 发布

阅读量780

点赞数

文章标签： button function date input

本文链接：https://blog.csdn.net/athenazyx/article/details/6505915

版权

<html>
<head>
<title>按钮上显示时间</title>
</head>
<body>
<script language="javascript">
day=new Date();
miVisit=day.getTime();
//函数名：clock
//功能：获取系统时间，并将时间字符串显示在按钮和状态栏中
function clock()
{
today=new Date();
hrNow=today.getHours();
mnNow=today.getMinutes();
scNow=today.getSeconds();
miNow=today.getTime();
if(hrNow==0)
{
//根据当前时间判断是上午还是下午
hour=12;
ap="AM";
}
else if(hrNow<=11)
{
ap="AM";
hour=hrNow;
}
else if(hrNow==12)
{
ap="PM";
hour=12;
}
else if (hrNow>=13)
{
hour=(hrNow-12);
ap ="PM";
}
if(hrNow>=13)
   {hour=hrNow-12}
if(mnNow<=9)
   {min="0"+mnNow;   //分钟数用两位数字表示
   }else(min=mnNow)
if(scNow<=9)
   {secs="0"+scNow;   //秒数用两位数字表示
   }else{secs=scNow;}
time=hour+":"+min+":"+secs+ap;
document.form.button.value=time; //使按钮显示时间
self.status=time; //使状态栏显示时间
setTimeout('clock()',1000); //每1000毫秒调用一次clock函数
}
function timeInfo()
{
milliSince=miNow;
milliNow=miNow-miVisit;
secsVisit=Math.round(milliNow /1000);
minsVisit=Math.round((milliNow /1000) /60);
alert("欢迎观临商务网页制作学习网站/n/n"+"你在网页上停留了"+minsVisit+"分"+secsVisit+"秒"+"");
}
//动态生成页面按钮，并在单击按钮时间发生时，调用timeInfo函数
document.write("<center><form name=/"form/">"+"<input type=button value=/"Click for info !/""+"name=button onClick =/"timeInfo()/"></form></center>");
onError =null;
clock(); //调用clock函数
</script></body>
</html>

山涧石溪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
响应事件示例：同时在按钮上和状态栏中显示当前时间，如果单击按钮，会显示信息框

按钮上显示时间day=new Date();miVisit=day.getTime();//函数名：clock//功能：获取系统时间，并将时间字符串显示在按钮和状态栏中function clock(){today=new Date();hrNow=today.getHours();mnNow=today.getMinutes();scNo
复制链接

扫一扫