JS控制日期显示的小例子
我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式:
function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
this.toString = function() {
return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
};//现在是<SPAN id=clock>现在是:2013年3月6日 13:54:17 星期三</SPAN>
<SPAN></SPAN>
this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date;
};//2013-03-06
this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
};//2013-03-06 13:45:43
this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();//显示方式调用
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}
相关推荐
-
如何用js控制frame的隐藏或显示的解决办法
index.htm 复制代码 代码如下: <html><head><meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId"
-
js控制页面控件隐藏显示的两种方法介绍
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 方法一: 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visibility="visible"; 方法二: 复制代码 代码如下: document.all["panelsms&
-
Js控制弹窗实现在任意分辨率下居中显示
贴代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv
-
js tr控制下面的tbody隐藏和显示
用的核心代码function $(obj){ return document.getElementById(obj); } window.onload = function(){ var table = document.getElementById("myTable"); //如果在表格区域内产生单击 table.onclick = function(e){ var e = window.event||e,target = e.srcE
-
js控制不同的时间段显示不同的css样式的实例代码
js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内 复制代码 代码如下: function getCSS(){ datetoday = new Date(); timenow=datetoday.getTime(); datetoday.setTime(timenow); thehour = datetoday.getHours(); if (thehour<12) disp
-
js控制输入框获得和失去焦点时状态显示的方法
本文实例讲述了js控制输入框获得和失去焦点时状态显示的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&
-
js控制鼠标事件移动及移出效果显示
鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友 <style type="text/css"> .style0{ background-color:#FFFF00; } .style1{ background-color:#00FFFF; } </style> </head> <body> <table width="576" height=&
-
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
在IE7中, 使用jQuery 显示:$("#a").attr("style",""); 隐藏:$("#a").attr("style","display:none"); 但是显示这个方法在IE8中不行 IE8 显示:$("#a").removeAttr("style"); 隐藏:$("#a").attr("style
-
JS控制日期显示的小例子
我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式: 复制代码 代码如下: function Clock() { var date = new Date(); this.year = date.getFullYear(); this.month = date.getMonth() + 1; this.date = date.getDate(); this.day = new Array("星期日", "星期
-
js实现日期显示的一些操作(实例讲解)
1.js获取当前日期(yyyy-mm-dd) 以下代码是获取到的当前日期: var myDate = new Date(); var year = myDate.getFullYear(); //获取完整的年份(4位,1970-????) var month = myDate.getMonth()+1; //获取当前月份(1-12) var day = myDate.getDate(); //获取当前日(1-31) //获取完整年月日 var newDay = year + "-" +
-
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
本文实例讲述了js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法.分享给大家供大家参考.具体如下: //控制logo的显示位置 Begin window.addEventListener("resize", function () { // 得到屏幕尺寸 (内部/外部宽度,内部/外部高度) changeLogoPosition(); }, false); changeLogoPosition(); function changeLogoPosition() { var conten
-
js 验证密码强弱的小例子
页面代码: 复制代码 代码如下: <table> <tr><td><input type="text" id="txtPwd" /></td></tr> <tr><td> <table id="pwdLever"> <tr>
-
jQuery页面图片伴随滚动条逐渐显示的小例子
复制代码 代码如下: <script type="text/javascript" src="jquery.min.js"></script><!-- //再载入lazyload --> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="tex
-
JS获取地址栏参数的小例子
复制代码 代码如下: $(document).ready(function () { var locurl = location.href; var start = locurl.indexOf("?"); var end = locurl.length; var tempstr = locurl.substring(start + 1, end) var temp = tempstr.split("=&q
-
Js注册协议倒计时的小例子
复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> 注册 </TITLE> <META NAME="Email" CONTENT="12345678@qq.com"> <META NAME="Author"
-
js特效,页面下雪的小例子
复制代码 代码如下: if (arr[i]){ var ofs=$(this).offset(); var x=parseInt(ofs.left); var y =parseInt(ofs.top); var vy=parseInt($(this).attr("vy")); x +=wind; vy *=
-
js获取指定日期周数以及星期几的小例子
JS获取日期时遇到如下需求,根据某年某周获取一周的日期.如开始日期规定为星期四到下一周的星期五为一周. 代码如下: function getNowFormatDate(theDate) { var day = theDate; var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; // 初始化时间 Year= day.getFullYear();// ie火狐下都可以 Month= day.getMonth()+
-
js控制li的隐藏和显示实例代码
html页面 <div class="favorite_list"> <div class="list_type" id="list_type"> <ul class="all"> <li> <a href="javascript:void(0);" onclick="showli(1);">全部(<span class=
随机推荐
- 详解Asp.net Core 使用Redis存储Session
- 高性能WEB开发 图片压缩篇
- pymongo为mongodb数据库添加索引的方法
- Oracle 10G:PL/SQL正规表达式(正则表达式)手册
- js中javascript:void(0) 真正含义
- PHP代码判断设备是手机还是平板电脑(两种方法)
- Android如何通过手机自动获取短信验证码
- JavaScript学习笔记(十七)js 优化
- mysql Innodb表空间卸载、迁移、装载的使用方法
- 完美实现GIF动画缩略图的php代码
- Linux下Redis安装配置教程
- MySQL server has gone away错误提示解决方法
- Javascript检查图片大小不要让大图片撑破页面
- 一招最简单有效直接的防止黑客拿后台的设置方法
- WinForm调用百度地图接口用法示例
- php利用header函数下载各种文件
- 解析php常用image图像函数集
- HTML5+JS+JQuery+ECharts实现异步加载问题
- Angular 容器部署的方法
- 微信接入之获取用户头像的方法步骤