1 <html>
 2 <head>
 3 <title>JavaScript</title>
 4 <script language="javascript">
 5 function showtime(){
 6     var now_time = new Date() ;  // 创建时间对象
 7     var hours = now_time.getHours() ; //获得当前小时数
 8     var minutes = now_time.getMinutes() ; //获得当前分钟数
 9     var seconds = now_time.getSeconds() ; //获得当前秒数
10     var timer = "" + ((hours > 12) ? hours - 12 : hours ) ; //将小时数值赋予变量timer
11     timer += ((minutes < 10) ? ":0" : ":") + minutes ; //将分钟数值赋予变量timer
12     timer += ((seconds < 10) ? ":0" : ":") + seconds ; //将秒数值赋予变量timer
13     timer += " " + ((hours > 12) ? "pm" : "am") ; //将字符am或pm赋予变量timer
14     document.clock.show.value = timer ; //在名为clock的表单中输出变量timer的值
15     setTimeout("showtime()",1000) ; //设置每隔一秒钟自动调用一次showtime()函数
16 }
17 </script>
18 </head>
19 <body οnlοad=showtime()>
20 <form name="clock" onSubmit="0">
21 <input type="text" name="show" size="10" style="background-color: lightyello;border-width:3;">
22 </form>
23 </body>
24 </html>

javascript也是蛮好玩的啊!

以上为第一个JS小程序实现显示当前时间!

转载于:https://www.cnblogs.com/jl29233zx/p/5293191.html

前端开发自学之JavaScript——显示当前时间相关推荐

  1. 零基础转行Web前端开发自学靠谱吗?菜鸟学习前端的方法分享

    Web 前端开发行业长期处于供不应求的状态,薪资待遇也随之水涨船高,因此吸引了不少零基础转业者.那么,可能会有人问了:零基础转行Web 前端开发自学靠谱吗?这个问题没有确切的答案,毕竟每个人的情况都不 ...

  2. web前端开发薪资,JavaScript的字面量与变量

    随着Web应用程序功能的日益复杂和复杂,Web开发人员需要灵活的工具来满足不断增长的用户期望.好消息是,Web开发生态系统为我们提供了很多选择,老牌公司和开源社区都在竞相构建更强大的库,框架和应用程序 ...

  3. 2020年用于前端开发的顶级JavaScript框架

    Front-end developers might know this game already: you type "top JavaScript frameworks" in ...

  4. web前端开发自学视频,2020前端经典面试题整理合集

    01.第一个阶段,环境和工具准备 准备一台电脑,要能联网 下载.安装 node.npm.webpack.webpack-cli.cnpm,配置前端开发环境 下载.配置MySQL 下载.安装 vscod ...

  5. js页面加载前执行_做一名合格的前端开发工程师:Javascript加载执行问题探索

    做前端开发少不了各种利器.比如我习惯用的还是Google浏览器和重型武器Fiddller. 一:原始情况 首先大家看看如下的代码: 估计90%的程序员都会把js文件放在head中,但是大家有没有深究过 ...

  6. Web前端开发HTML清华大学,清华大学出版社-图书详情-《Web前端开发——HTML5+CSS+JavaScript+ jQuery +Dreamweaver》...

    前言 Web前端开发是网站开发方向重要的专业课程,随着市场对Web前端工程师的需求增加,国内很多本专科院校正在或准备开设该课程.本书是咸阳师范学院2016年教材建设资助项目. Web前端开发涵盖多门技 ...

  7. 一只小菜鸟的web前端开发自学之路

    今天初步了解了一下Web前端开发,计算机技术这东西就要多用多练,一只菜的不能再菜的小菜鸟开始漫长的自学之路了 web系统前端是指系统中用户接触到的部分. 打开几个不同网站的网页,观察一下,有网页文件的 ...

  8. 前端开发技术-剖析JavaScript单线程

    JavaScript单线程和多线程是很多小白同学入门的时候问到最多的问题,虽然官方给出过解释但对于新手来说并不友好,今天小千就来给大家介绍一下JavaScript的单线程. 一. 浏览器的进程和线程 ...

  9. python +Django 搭建web开发环境初步,显示当前时间

    1.python 的安装 网上很多关于django跟python 开发的资料,这块我正在实习准备用这个两个合起来搞一个基于web 的东西出来现在开始学习,写点东西记录一下心得. 开发环境是window ...

最新文章

  1. RelativeLayout布局,不希望文本盖住其他组件
  2. 淡水:21世纪的分子微生物生态学
  3. [Android]动态加载/热部署框架汇总
  4. 修改xp boot.ini文件
  5. 五家共井java_算法练习02:五家共井
  6. 让自己的头脑极度开放
  7. ijkplayer、VLC Player、SmartPlayer、ExoPlayer播放器比较
  8. 【洛谷P1774】最接近神的人
  9. 超级灰色按钮克星1.4.1309.12
  10. 如何修改Struts2 FiledError样式
  11. Zephyr_Bindings目录作用
  12. CNN实现手写数字识别
  13. 华为鸿蒙系统支持什么手机_华为手机鸿蒙系统支持所有华为手机吗
  14. 怎么用电脑把mp4格式转换成mp3格式
  15. 微信新动作!加好友解除5000上限,扫码进群开放至200人
  16. c语言20s计数器,供应电子计时器、JC20S、JY20S、计数控制器、计米器
  17. GPS经纬度坐标转换的方法
  18. 35Java抽象类与抽象方法
  19. IUV“经世杯”option3X
  20. XGboost模型训练与调参

热门文章

  1. Hive元数据信息表详解
  2. Linux下locale: Cannot set LC_CTYPE to default locale: No such file or directory警告
  3. 绘制课本中的根轨迹图与零极点分布图
  4. ubuntu16.04下面的redis desktop manger的使用
  5. 5.8 正则化和数据标准化
  6. php文本数据库 搜索,一个文本数据库的搜索方法_php
  7. JSP中获取HTML中的中文内容是乱码的解决方法---开发中遇到的问题
  8. java Swing中随机验证码的实现
  9. Oracle CPU使用率过高问题处理
  10. 数据分析平台搭建案例