JavaScript 时间特效显示当前时间

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>显示当前时间</title>
<script type="text/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=" border-width: 3;">
</form>
</script>
</body>
</html>

JavaScript 时间特效显示当前时间的更多相关文章

javascript 实现页面显示当前时间动态读秒
用户进入网站后,出于友好目的,可以添加一些欢迎语句,并且显示系统当前时间,动态读秒的操作.还是直接粘贴代码吧 <script type="text/javascript"&g ...
javascript显示年月日时间代码显示电脑时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
Javascript 客户端实时显示服务器时间
<!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8& ...
前端开发自学之JavaScript——显示当前时间
<html> <head> <title>JavaScript</title> <script language="javascript ...
【温故而知新-Javascript】时间效果（显示当前时间、显示当前日期、显示页面停留时间、倒计时）
1.显示当前时间 <body onload="showtime()"> <div>当前时间: <span id="clock"&g ...
javascript 以“年-月-日时：分：秒”格式显示当前时间
运行代码 /** * Created by shgbit on 2015/1/9. *js代码 */ function showNow(){ var t=new Date(); var mont ...
时间操作（JavaScript版）—年月日三级联动（默认显示系统时间）
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/wangshuxuncom/article/details/35263317 这个功能 ...
JavaScript实时显示当前时间的例子
用javascript代码在当前页面中实时显示当前时间.代码如下: <html> <head> <title>JavaScript 实时显示当前时间-www.jbx ...
JavaScript显示当前时间的操作
JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标 ...

随机推荐

2016年GitHub排名前20的Python机器学习开源项目(转)
当今时代,开源是创新和技术快速发展的核心.本文来自 KDnuggets 的年度盘点,介绍了 2016 年排名前 20 的 Python 机器学习开源项目,在介绍的同时也会做一些有趣的分析以及谈一谈它们 ...
imeOptions 属性详解
默认情况下软键盘右下角的按钮为“下一个”,点击会到下一个输入框,保持软键盘设置 android:imeOptions="actionDone" ,软键盘下方变成“完成”,点击后光 ...
css读书笔记3：定位元素
定位元素要掌握css技术,核心就是要掌握元素定位. 一般把下面这条规则作为所有css样式表的第一条,初始化所有元素的内边距和外边距都为0: * {padding:0;margin:0;} 盒模型浏览器 ...
解决 placeholder 垂直不居中，偏上的问题
解决 placeholder 垂直不居中,偏上的问题安卓浏览器显示placeholder 垂直不居中,而iphone没问题,搜了一下答案,解决方法是把input的line-height去掉就行参考 ...
nodeschool.io 7
~~ HTTP CLIENT ~~ Write a program that performs an HTTP GET request to a URL provided toyou as the f ...
Qt之QSequentialAnimationGroup
简述 QSequentialAnimationGroup类提供动画的串行组. QSequentialAnimationGroup是一个串行运行动画的QAnimationGroup,在另一个动画播放结束 ...
Servlet的尾(yi)巴---filter ( 过滤器 )的小应用
该,该,该.......,继之前说到的 Filter 现在用这个来做一个小小的应用----------> 铛,铛,铛,铛..... ->_-> <丑逼的留言板&g ...
log4j配置文件的详解
1.配置根Logger,其语法为: log4j.rootLogger = [ level ] , appenderName, appenderName, … 其中,level 是日志记录的优先级,分为 ...
20145236 《Java程序设计》第4周学习总结
20145236 <Java程序设计>第4周学习总结教材学习内容总结第六章继承与多态一.继承 •继承是java面向对象编程技术的一块基石,因为它允许创建分等级层次的类.继承可以理解 ...
jquery mobile 请求数据方法执行时显示加载中提示框
在jquery mobile开发中,经常需要调用ajax方法,异步获取数据,如果异步获取数据方法由于网速等等的原因,会有一个反应时间,如果能在点击按钮后数据处理期间,给一个正在加载的提示,客户体验会更 ...

JavaScript 时间特效 显示当前时间