前端开发自学之JavaScript——显示当前时间
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——显示当前时间相关推荐
- 零基础转行Web前端开发自学靠谱吗?菜鸟学习前端的方法分享
Web 前端开发行业长期处于供不应求的状态,薪资待遇也随之水涨船高,因此吸引了不少零基础转业者.那么,可能会有人问了:零基础转行Web 前端开发自学靠谱吗?这个问题没有确切的答案,毕竟每个人的情况都不 ...
- web前端开发薪资,JavaScript的字面量与变量
随着Web应用程序功能的日益复杂和复杂,Web开发人员需要灵活的工具来满足不断增长的用户期望.好消息是,Web开发生态系统为我们提供了很多选择,老牌公司和开源社区都在竞相构建更强大的库,框架和应用程序 ...
- 2020年用于前端开发的顶级JavaScript框架
Front-end developers might know this game already: you type "top JavaScript frameworks" in ...
- web前端开发自学视频,2020前端经典面试题整理合集
01.第一个阶段,环境和工具准备 准备一台电脑,要能联网 下载.安装 node.npm.webpack.webpack-cli.cnpm,配置前端开发环境 下载.配置MySQL 下载.安装 vscod ...
- js页面加载前执行_做一名合格的前端开发工程师:Javascript加载执行问题探索
做前端开发少不了各种利器.比如我习惯用的还是Google浏览器和重型武器Fiddller. 一:原始情况 首先大家看看如下的代码: 估计90%的程序员都会把js文件放在head中,但是大家有没有深究过 ...
- Web前端开发HTML清华大学,清华大学出版社-图书详情-《Web前端开发——HTML5+CSS+JavaScript+ jQuery +Dreamweaver》...
前言 Web前端开发是网站开发方向重要的专业课程,随着市场对Web前端工程师的需求增加,国内很多本专科院校正在或准备开设该课程.本书是咸阳师范学院2016年教材建设资助项目. Web前端开发涵盖多门技 ...
- 一只小菜鸟的web前端开发自学之路
今天初步了解了一下Web前端开发,计算机技术这东西就要多用多练,一只菜的不能再菜的小菜鸟开始漫长的自学之路了 web系统前端是指系统中用户接触到的部分. 打开几个不同网站的网页,观察一下,有网页文件的 ...
- 前端开发技术-剖析JavaScript单线程
JavaScript单线程和多线程是很多小白同学入门的时候问到最多的问题,虽然官方给出过解释但对于新手来说并不友好,今天小千就来给大家介绍一下JavaScript的单线程. 一. 浏览器的进程和线程 ...
- python +Django 搭建web开发环境初步,显示当前时间
1.python 的安装 网上很多关于django跟python 开发的资料,这块我正在实习准备用这个两个合起来搞一个基于web 的东西出来现在开始学习,写点东西记录一下心得. 开发环境是window ...
最新文章
- RelativeLayout布局,不希望文本盖住其他组件
- 淡水:21世纪的分子微生物生态学
- [Android]动态加载/热部署框架汇总
- 修改xp boot.ini文件
- 五家共井java_算法练习02:五家共井
- 让自己的头脑极度开放
- ijkplayer、VLC Player、SmartPlayer、ExoPlayer播放器比较
- 【洛谷P1774】最接近神的人
- 超级灰色按钮克星1.4.1309.12
- 如何修改Struts2 FiledError样式
- Zephyr_Bindings目录作用
- CNN实现手写数字识别
- 华为鸿蒙系统支持什么手机_华为手机鸿蒙系统支持所有华为手机吗
- 怎么用电脑把mp4格式转换成mp3格式
- 微信新动作!加好友解除5000上限,扫码进群开放至200人
- c语言20s计数器,供应电子计时器、JC20S、JY20S、计数控制器、计米器
- GPS经纬度坐标转换的方法
- 35Java抽象类与抽象方法
- IUV“经世杯”option3X
- XGboost模型训练与调参
热门文章
- Hive元数据信息表详解
- Linux下locale: Cannot set LC_CTYPE to default locale: No such file or directory警告
- 绘制课本中的根轨迹图与零极点分布图
- ubuntu16.04下面的redis desktop manger的使用
- 5.8 正则化和数据标准化
- php文本数据库 搜索,一个文本数据库的搜索方法_php
- JSP中获取HTML中的中文内容是乱码的解决方法---开发中遇到的问题
- java Swing中随机验证码的实现
- Oracle CPU使用率过高问题处理
- 数据分析平台搭建案例