javascript实现网页日期和时间显示

实现效果:2014年9月3日 星期三 下午12:58:44

javascript函数代码:

function showClock()
{
  d  = new Date();
  mt = d.getMonth() + 1;
 yy = d.getYear()+1900;
  weekVal = d.getDay();
 if (weekVal==0) msg1="星期日"; else if (weekVal==1) msg1="星期一"; else if (weekVal==2) msg1="星期二"; else if (weekVal==3) msg1="星期三"; else if (weekVal==4) msg1="星期四"; else if (weekVal==5)msg1="星期五"; else if (weekVal==6) msg1="星期六"; 
  dd = d.getDate();
  hours   = d.getHours();
  minutes = d.getMinutes();
  seconds = d.getSeconds();
 clck = (hours>=12)?"下午":"上午";
 hours = (hours>12)?hours-12:hours;
  hours = (hours<10)?"0"+hours:hours; 
  minutes = (minutes<10)?"0"+minutes:minutes;
  seconds = (seconds<10)?"0"+seconds:seconds;
  time =yy+"年"+mt+"月"+dd+"日"+" "+msg1+" "+clck + " " + hours + ":" + minutes + ":" + seconds;
  time = "<font size=‘2‘ face=‘Arial‘>" + time + "</font>";
  myclock.innerHTML = time;
  setTimeout("showClock()",1000);
}

时间: 2024-08-29 11:56:35

javascript实现网页日期和时间显示的相关文章

每天一个JavaScript实例-UTC日期和时间

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-UTC日期和时间</title> <script> window.onload = function(){ var aaa = docum

javascript中关于日期和时间的基础知识

× 目录 [1]标准时间 [2]字符串 [3]闰年[4]月日[5]星期[6]时分秒 前面的话 在介绍Date对象之前,首先要先了解关于日期和时间的一些知识.比如,闰年.UTC等等.深入了解这些,有助于更好地理解javascript中的Date对象.本文将介绍javascript关于日期和时间的基础知识 标准时间 一般而言的标准时间是指GMT和UTC,以前是GMT,现在是UTC GMT 格林尼治标准时间(GMT)是指位于伦敦郊区的皇家格林尼治天文台的标准时间,因为本初子午线被定义在通过那里的经线

[译]在Javascript中进行日期相关的操作

本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b 在Javascript里制造date对象的话要用到Date() constructor 以下的例子将当前的日期和时间显示在页面上 document.write(new Date()); 如果Date() construc

日期和时间(10)

UNIX时间戳 PHP的日期和时间库 验证日期 格式化日期和时间 将时间戳转换用户友好的值 处理时间戳 日期函数 显示本地化的日期和时间 显示网页的最新修改日期 确定当前月份的天数 确定任意给定月份的天数 计算当前日期后X天的日期 DataTime构造函数简介 格式化日期 实例化后设置日期 实例化后设置时间 修改日期和时间 计算两个日期之差 原文地址:https://www.cnblogs.com/xiukang/p/8569894.html

JGUI源码:实现日期控件显示(17)

本文实现一个日期控件显示,日期控件看起来很复杂,其实原理很简单,为了使程序逻辑看起来简单,切换日期,选择日期等事件处理部分未实现,读者可以自己尝试实现. 1.日期控件分为三个区域:顶部的显示当前日期和选择按钮区域:中间的本月日期显示列表,固定7*6=42个单元格: 底部确定.取消.当前日期选择功能. 2.思路主要是:计算出应该显示的单元格内容,然后替换body区域即可. 代码如下 <style> .jgui-datetimepicker { padding: 10px; } .jgui-dat

CAST CONVERT转换日期和时间数据类型

1 USE AdventureWorks2008R2; 2 GO 3 --CAST 4 5 SELECT 'CAST' "CAST", 6 CAST('1990-11-1' AS VARCHAR(10)) 转为字符串, 7 CAST('1990-11-1' AS DATETIME) 转为日期 8 9 --CONVERT 10 SELECT 'CONVERT' "CONVERT", 11 CONVERT(VARCHAR(10),'2999') 转为字符串, 12 CO

一个日期时间显示框的美化风格示例

一个日期时间显示框的美化风格示例,在网页上显示时间的一个美化示例,为时间显示框增加了一个漂亮的外框,这个外框是基于图片来美化的,,虽然现在都不主张用图片来美化了,不过看上去还真是挺漂亮的.www.srcfans.com为大家分享开源源码. 源码下载:一个日期时间显示框的美化风格示例

C#/JavaScript/SqlServer 对日期时间的操作整理汇总

前言:针对C#/JavaScript/SqlServer常用的对日期时间的操作函数抽时间做了一个整理,网络上有许多,但是许多都不全,这些都是时间日期常用的一些操作! 一.C# 常用日期时间操作 //获取日期+时间DateTime.Now.ToString();            // 2008-9-4 20:02:10DateTime.Now.ToLocalTime().ToString();        // 2008-9-4 20:12:12DateTime.Now.ToString(

《Javascript权威指南》13号学习笔记:使用日期和时间

一.创Date示例 1.Date类的方法和属性是非常不静,故,申请书Date属性和方法之前.必须创建Date类的实例. var date = new Date();  //以当前日期和时间创建实例. var date = new Date(value);  //value是必选项,假设是数值.value表示指定日期与1970.1.1午夜之间的毫秒数.假设是字符串.value则依照parse()方法中的规则进行解析. 全局的Date()函数完毕与new Date(value)同样的功能 var d