学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
ASP ASP.NET PHP JSP SQL MYSQL Java VB

您的位置:学院 >> 编程开发 >> JSP >> JavaScript语言实现时钟显示


JavaScript语言实现时钟显示


  在浏览器中有一种嵌入式语言,称为JavaScript,可以利用该语言编写程序显示时钟,嵌入到HTML文档中。

  利用JavaScript语言实现时钟显示,在单机上就可直接尝试, 只要安装浏览器即可。如用文本编辑器将下面一段文字存到一个以htm为后缀的文件中,再用浏览器打开这个文件,浏览器窗口便显示如图所示的时钟图案。

  < HTML>

  < HEAD>

  < TITLE> Test< /TITLE>

  < SCRIPT LANGUAGE="JavaScript">

  function gettime()

  { var t = new Date();

  var hours = t.getHours();

  var minutes = t.getMinutes();

  var seconds = t.getSeconds();

  var show_str ="";

  show_str +=(hours > 12) ? "下午 ": "上午 ";

  show_str += ((hours > 12) ? hours-12 : hours);

  show_str += ((minutes < 10) ? ":0" : ":") + minutes;

  show_str += ((seconds < 10) ? ":0" : ":") + seconds;

  document.show_time.name1.value = show_str;

  timerID = setTimeout("gettime()",1000);

  }

  < /SCRIPT>

  < /HEAD>

  < BODY onLoad="gettime()">

  < BODY>

  < FORM NAME="show_time" onSubmit="0">

  现在时间是

  < INPUT TYPE="text" NAME="name1" SIZE=16 VALUE="">

  < /FORM>

  < /BODY>

  < /HTML>

  其效果如下:

  

  在该例中,用了较多的HTML语法规则,有关HTML语言已有很多文章介绍,本文不再介绍。其中< SCRIPT LANGUAGE="JavaScript">至< /SCRIPT>之间是JavaScript程序,其语法与C语言有些类似,读者可参阅有关书籍,便可设计出自己所需要的各种界面和功能。

  实际上,在搜索引擎如http://www.google.com/中以“当前时间”作为关键字,便可以搜索到很多站点提供这类免费的代码,直接粘贴到自己的网页中即可。



技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
Web开发
·ASP ·JavaScript ·CGI
·JSP ·VbScript ·Web服务器
·PHP ·XML  
开发语言
·VB ·VC ·ASP.NET
·Java ·C/C++ ·Delphi
数据库开发
·MySQL ·SQL/Access ·PowerBuilder
·Oracle ·DB2  
网站设计
·Flash ·Dreamweaver ·HTML/CSS
·Fireworks ·FrontPage  
平面设计
·Photoshop ·CorelDraw ·AutoCAD
·FreeHand ·Illustrator ·3DsMAX
媒体动画
·Director ·Authorware ·Maya
·视频处理    


相关软件 产品库推荐
·笔记本 ·台式机 ·服务器
·数码相机 ·手机 ·GPS
·DV摄像机 ·MP3 ·MP4
·CPU ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

还没人留言,抢个先,哈哈!
对"JavaScript语言实现时钟显示"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 JavaScript语言实现时钟显示 相关内容
Google搜索中 JavaScript语言实现时钟显示 相关内容
雅虎中 JavaScript语言实现时钟显示 相关内容
Sogou搜索中 JavaScript语言实现时钟显示 相关内容

相关软件 最新回复帖子:

·AutoCAD打造精致三维鸟笼实例详解
·Photoshop自定义水晶字特效样式
·AutoCAD三维基础实例教程
·PS为黑背景长发美女照片抠图换背
·用Photoshop自制个性摩托车贴花小经验
·轻松几步将美女照片处理为手工素描
·巧用Photoshop画笔轻松绘制创意特效
·用Photoshop通道将模糊肖像照片清晰化
·照片处理:Photoshop修复残破照片
·PS CS2新增形状模糊滤镜绘制花布图案


  相关软件 JavaScript语言实现时钟显示相关文章
js写的俄罗斯方块 把一张图片变形扭曲成各种不同的长宽
JavaScript做MID歌曲搜索播放器 模拟病毒
围格子 涂格子
双人小游戏 动脑小游戏
测试点击速度 模拟跳舞游戏
Java Servlet和JSP教程之十 Java Servlet和JSP教程之九
Java Servlet和JSP教程之八 Java Servlet和JSP教程之七
Java Servlet和JSP教程之六 Java Servlet和JSP教程之五
Java Servlet和JSP教程之四 Java Servlet和JSP教程之三
Java Servlet和JSP教程之二 Java Servlet和JSP教程之JSP 技术概述