js实现Form栏显示全格式时间时钟效果代码


Posted in Javascript onAugust 19, 2015

本文实例讲述了js实现Form栏显示全格式时间时钟效果代码。分享给大家供大家参考。具体如下:

这里演示的Form栏特效时钟,显示全日期格式的时间日期效果,可显示星期几、几月几号,以往都是直接显示在网页中,而本代码是将时间显示在表单的文本框中,看一下代码就明白了。

运行效果截图如下:

js实现Form栏显示全格式时间时钟效果代码

在线演示地址如下:

具体代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Form栏特全时钟</TITLE>
</HEAD>
<body bgcolor="#ffffff" onLoad="startclock()">
<script language="JavaScript">
<!-- Hide
 var timerID = null
 var timerRunning = false
 function MakeArray(size) 
 {
 this.length = size;
 for(var i = 1; i <= size; i++)
 {
 this[i] = "";
 }
 return this;
 }
 function stopclock (){
 if(timerRunning)
 clearTimeout(timerID);
 timerRunning = false
 }
 function showtime () {
 var now = new Date();
 var year = now.getFullYear();
 var month = now.getMonth() + 1;
 var date = now.getDate();
 var hours = now.getHours();
 var minutes = now.getMinutes();
 var seconds = now.getSeconds();
 var day = now.getDay();
 Day = new MakeArray(7);
 Day[0]="星期天";
 Day[1]="星期一";
 Day[2]="星期二";
 Day[3]="星期三";
 Day[4]="星期四";
 Day[5]="星期五";
 Day[6]="星期六";
 var timeValue = "";
 timeValue += year + "年";
 timeValue += ((month < 10) ? "0" : "") + month + "月";
 timeValue += date + "日 ";
 timeValue += (Day[day]) + " ";
 timeValue += ((hours <= 12) ? hours : hours - 12);
 timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
 timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
 timeValue += (hours < 12) ? "上午" : "下午";
 document.jsfrm.face.value = timeValue;
 timerID = setTimeout("showtime()",1000);
 timerRunning = true
 }
 function startclock () {
 stopclock();
 showtime()
 }
 //-->
</script>
<form name='jsfrm'>
<input type=text name='face' size=34 value=''>
</form>
</BODY>
</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript CSS菜单功能 改进版
Dec 20 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
JavaScript作用域链示例分享
May 27 Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
Apr 12 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
AngularJS实现Input格式化的方法
Nov 07 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
自制简易打赏功能的实例
Sep 02 Javascript
AngularJS遍历获取数组元素的方法示例
Nov 11 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
Sep 06 Javascript
easyui Droppable组件实现放置特效
Aug 19 #Javascript
js实现简单的联动菜单效果
Aug 19 #Javascript
javascript 使用for循环时该注意的问题-附问题总结
Aug 19 #Javascript
jQuery满意度星级评价插件特效代码分享
Aug 19 #Javascript
easyui Draggable组件实现拖动效果
Aug 19 #Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 #Javascript
JS实现下拉菜单赋值到文本框的方法
Aug 18 #Javascript
You might like
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
php自定义时间转换函数示例
2016/12/07 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
js cookies实现简单统计访问次数
2009/11/24 Javascript
实现图片预加载的三大方法及优缺点分析
2014/11/19 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
盘点javascript 正则表达式中 中括号的【坑】
2016/03/16 Javascript
AngularJS的ng-click传参的方法
2017/06/19 Javascript
详解升级react-router 4 踩坑指南
2017/08/14 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
Vue实现Header渐隐渐现效果的实例代码
2020/11/05 Javascript
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
Python编程之属性和方法实例详解
2015/05/19 Python
Python语言实现机器学习的K-近邻算法
2015/06/11 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
Keras设置以及获取权重的实现
2020/06/19 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
生日派对邀请函
2014/01/13 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
县委务虚会发言材料
2014/10/20 职场文书
社区元宵节活动总结
2015/02/06 职场文书
入党自荐书范文
2015/03/05 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
彻底理解golang中什么是nil
2021/04/29 Golang
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript
一行Python命令实现批量加水印
2022/04/07 Python