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中的window.event.keyCode使用介绍
Apr 26 Javascript
js将控件隐藏及display属性的使用介绍
Dec 30 Javascript
一个判断抢购时间是否到达的简单的js函数
Jun 23 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
webpack结合express实现自动刷新的方法
May 07 Javascript
vue element自定义表单验证请求后端接口验证
Dec 11 Javascript
Vue项目打包、合并及压缩优化网页响应速度
Jul 07 Vue.js
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伪造来路抓取页面或文件
2011/05/04 PHP
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
原生js实现半透明遮罩层效果具体代码
2013/06/06 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
Vue实现购物车场景下的应用
2017/11/27 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
2018/08/08 jQuery
浅谈Vue.use的使用
2018/08/29 Javascript
vue实现一个炫酷的日历组件
2018/10/08 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
2020/03/08 Javascript
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
Python日志syslog使用原理详解
2020/02/18 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
python实现斗地主分牌洗牌
2020/06/22 Python
详解python内置模块urllib
2020/09/09 Python
用Python实现职工信息管理系统
2020/12/30 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
学校总务处领导班子民主生活会对照检查材料思想汇报
2014/09/27 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
Golang 实现获取当前函数名称和文件行号等操作
2021/05/08 Golang
Elasticsearch 配置详解
2022/04/19 Java/Android