按钮会说话（JavaScript）

最新推荐文章于 2024-08-04 16:33:59 发布

Sqwer

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量802

点赞数

文章标签： javascript button action function input date

本文链接：https://blog.csdn.net/sqwer/article/details/6464868

版权

      今天有个学弟请教我一个问题，当时没想出来，因为那边办公室快关门了！
       回到宿舍想了会，经过一番调试有了正确的结果！
       在此把代码贴出来共享下：
       <html>
        <head>
          <title>点击改变按钮文字为时间</title>
         <meta http-equiv="content-Type" content="text/html;charset=gb2312">
       </head>
      <body>
       <script language="JavaScript">
          function change() {
           today=new Date();     //创建一个时间对象
          hr=today.getHours();    //获取小时
          min=today.getMinutes();  //同理
          var tim=hr+":"+min;      //获取完整的时间
         if (document.myform.ok.value==tim)    //通过获取表单中的值与tim来比较，相同则显示另一个值
        {
         document.myform.ok.value="Magic";
        }
        else
       {
       document.myform.ok.value=tim ;
        }
      }
     </script>
     <form name="myform" method="post" action="">
     <input name="ok" type="button"  value="Magic" onClick="change();">   //这个主要是onclick事件属性的使用！
    </form>
</body>
</html>

  主要实现的是点击按钮改变按钮原来的文字为时间！其实具体的没有很大的实用性！呵呵。。。