JavaScript

本文介绍了三种实用的JavaScript应用技巧:1.在网页中显示当前时间;2.验证输入的字符串是否为汉字;3.实现实时更新的系统时间显示。这些技巧能够帮助开发者提升网页的互动性和用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.在Web页面中使用JavaScript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
</head>
<body>
<script>
    var now=new Date();//获取Date对象的一个实例
    var hour=now.getHours();//获取小时数
    var minu=now.getMinutes();//获取分钟数
    alert("您好!现在是"+hour+":"+minu+"\r欢迎访问该网站!");//弹出提示对话框
</script>
</body>
</html>

在这里插入图片描述
2.JavaScript函数,用于验证输入的字符串是否为汉字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
</head>
<body>
<form name="form1" method="post" action="">
    请输入真实姓名:<input name="realName" type="text" id="realName" size="40">
    <br><br>
    <input name="Button" type="button" class="btn_grey" value="检测" onclick="checkRealName()">
</form>
</body>
<script type="text/javascript">
   function checkRealName() {
       var str=form1.realName.value;//获取输入的真实姓名
       if(str=="")
       {
           alert("请输入真实姓名!");
           form1.realName.focus();
           return;
       }else
       {
           var objExp=/[\u4E00-\u9FA5]{2,}/;//创建RegExp对象
           if(objExp.test(str)==true)
           {
               alert("您输入的真实姓名正确!");
           }else
           {
               alert("您输入的真实姓名不正确!");
           }
       }

   }
</script>
</html>

在这里插入图片描述

3.实时显示系统时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
    <script type="text/javascript">
    function realSysTime(clock) {
      var now=new Date();//创建Date对象
      var year=now.getFullYear();//获取年份
      var month=now.getMonth();//获取月份
      var date=now.getDate();//获取日期
      var day=now.getDay();//获取星期
      var hour=now.getHours();//获取小时
      var minu=now.getMinutes();//获取分
      var sec=now.getSeconds();//获取秒
      month=month+1;
      var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
      var week=arr_week[day];//获取中文的星期
      var time=year+"年"+month+"月"+date+"日"+week+""+hour+":"+minu+":"+sec;//组合系统时间
      clock.innerHTML="当前时间:"+time;//显示系统时间

    }
  window.onload=function()
  {
      window.setInterval("realSysTime(clock)",1000);
  }
</script>
</head>
<body>
<div id="clock">
</div>
</body>
</html>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值