前端开发自学之JavaScript——显示当前时间
2016-03-18 18:19
901 查看
<html> <head> <title>JavaScript</title> <script language="javascript"> function showtime(){ var now_time = new Date() ; // 创建时间对象 var hours = now_time.getHours() ; //获得当前小时数 var minutes = now_time.getMinutes() ; //获得当前分钟数 var seconds = now_time.getSeconds() ; //获得当前秒数 var timer = "" + ((hours > 12) ? hours - 12 : hours ) ; //将小时数值赋予变量timer timer += ((minutes < 10) ? ":0" : ":") + minutes ; //将分钟数值赋予变量timer timer += ((seconds < 10) ? ":0" : ":") + seconds ; //将秒数值赋予变量timer timer += " " + ((hours > 12) ? "pm" : "am") ; //将字符am或pm赋予变量timer document.clock.show.value = timer ; //在名为clock的表单中输出变量timer的值 setTimeout("showtime()",1000) ; //设置每隔一秒钟自动调用一次showtime()函数 } </script> </head> <body onload=showtime()> <form name="clock" onSubmit="0"> <input type="text" name="show" size="10" style="background-color: lightyello;border-width:3;"> </form> </body> </html>
javascript也是蛮好玩的啊!
以上为第一个JS小程序实现显示当前时间!
相关文章推荐
- JS正则表达式验证数字非常全
- 75、JSON 解析库---FastJson, Gson
- 学习笔记--js的date对象
- input与textarea实时监控,原生JS与JQ两种方法
- 用js实现导航菜单点击切换选中时高亮状态
- JSTL 核心标签库 使用
- js 获取随机字符串
- js之form表单的获取
- Jsoup消除不受信任的HTML (来防止XSS攻击)
- JavaScript 语言中的 this
- Javascript进阶篇——总结--DOM案例+选项卡效果
- JavaScript学习笔记:数组求和方法(待续中...)
- 第一次接触javascript脚本:进度条脚本
- 分享js粘帖屏幕截图到web页面插件screenshot-paste
- JS Date日期排序
- (六)ExtJs小例子之窗体组件(Window)
- 面向对象的js程序设计
- js api 实现钉钉免登
- JS Date函数处理
- ie11下alt+d不能用js监听问题