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控制鼠标事件移动及移出效果显示
鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友 <style type="text/css"> .style0{ background-color:#FFFF00; } .style1{ background-color:#00FFFF; } </style> </head> <body> <table width="576" height=&
-
js控制不同的时间段显示不同的css样式的实例代码
js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内 复制代码 代码如下: function getCSS(){ datetoday = new Date(); timenow=datetoday.getTime(); datetoday.setTime(timenow); thehour = datetoday.getHours(); if (thehour<12) disp
-
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
在IE7中, 使用jQuery 显示:$("#a").attr("style",""); 隐藏:$("#a").attr("style","display:none"); 但是显示这个方法在IE8中不行 IE8 显示:$("#a").removeAttr("style"); 隐藏:$("#a").attr("style
-
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 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控制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控制弹窗实现在任意分辨率下居中显示
贴代码 复制代码 代码如下: <!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控制页面控件隐藏显示的两种方法介绍
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 方法一: 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visibility="visible"; 方法二: 复制代码 代码如下: document.all["panelsms&
-
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=
随机推荐
- Jquery插件 easyUI属性汇总
- VBS获取当前目录下所有文件夹名字的代码
- MyBatis 参数类型为String时常见问题及解决方法
- 使用JavaScript制作一个简单的计数器的方法
- php删除txt文件指定行及按行读取txt文档数据的方法
- 附件名前加网站名
- 基于C语言实现简单的走迷宫游戏
- JQuery勾选指定name的复选框集合并显示的方法
- Bootstrap基本组件学习笔记之列表组(11)
- android监控sim卡有没有服务示例(sim卡管理)
- 轻松实现ADSL宽带多机共享
- 详解Java线程编程中的volatile关键字的作用
- 详解java中的byte类型
- python各种语言间时间的转化实现代码
- c#实现图片二值化例子(黑白效果)
- javascript中new Array()和var arr=[]用法区别
- Python文本处理之按行处理大文件的方法
- python 筛选数据集中列中value长度大于20的数据集方法
- 微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
- Java中判断对象是否为空的方法的详解