`
rain_2372
  • 浏览: 682372 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js 在页面 div中显示 当前日期控件

阅读更多
<div><SCRIPT language=javascript>
function Year_Month(){  
    var now = new Date();  
    var yy = now.getYear();  
    var mm = now.getMonth()+1;  
    var cl = '<font color="#000000">';  
    if (now.getDay() == 0) cl = '<font color="#000000">';  
    if (now.getDay() == 6) cl = '<font color="#000000">';  
    return(cl +  yy + '年' + mm + '月</font>');  
}  
 
function Date_of_Today(){  
    var now = new Date();  
    var cl = '<font color="#000000">';  
    if (now.getDay() == 0) cl = '<font color="#000000">';  
    if (now.getDay() == 6) cl = '<font color="#000000">';  
    return(cl +  now.getDate() + '<b>日</b></font>');  
}  
 
function Day_of_Today(){  
    var day = new Array();  
    day[0] = "星期日";  
    day[1] = "星期一";  
    day[2] = "星期二";  
    day[3] = "星期三";  
    day[4] = "星期四";  
    day[5] = "星期五";  
    day[6] = "星期六";  
    var now = new Date();  
    var cl = '<font color="#000000">';  
    if (now.getDay() == 0) cl = '<font color="#000000">';  
    if (now.getDay() == 6) cl = '<font color="#000000">';  
    return(cl +  day[now.getDay()] + '</font>');  
}  
 
function CurentTime(){  
    var now = new Date();  
    var hh = now.getHours();  
    var mm = now.getMinutes();  
    var ss = now.getTime() % 60000;  
    ss = (ss - (ss % 1000)) / 1000;  
    var clock = hh+':';  
    if (mm < 10) clock += '0';  
    clock += mm+':';  
    if (ss < 10) clock += '0';  
    clock += ss;  
    return(clock);  
}  
 
function refreshCalendarClock(){  
document.all.calendarClock1.innerHTML = Year_Month();  
document.all.calendarClock2.innerHTML = Date_of_Today();  
document.all.calendarClock3.innerHTML = Day_of_Today();  
document.all.calendarClock4.innerHTML = CurentTime();  
}  
document.write('<table border="0" cellpadding="0" cellspacing="1" width="68" bgcolor="#000000" height="60">'); 
document.write('<tr><td width="100%" height="100%" align="center">'); 
document.write('<table border="0" cellpadding="0" cellspacing="0" width="100%" hight="100%" bgcolor="#f2f2f2" height="60">'); 
document.write('<tr><td align="center" width="100%" height="100%">'); 
document.write('<font id="calendarClock1" style="font-family:宋体;font-size:9pt"> </font><br>'); 
document.write('<font id="calendarClock2" style="font-family:Arial;font-size:14pt;Line-Height=100%"> </font><br>'); 
document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;Line-Height=100%"> </font><br>'); 
document.write('<font id="calendarClock4" style="color:#000000;font-family:Arial;font-size:8pt;Line-Height=100%"><b> </b></font>'); 
document.write('</td></tr></table>'); 
document.write('</td></tr></table>'); 
setInterval('refreshCalendarClock()',1000);
      
</SCRIPT></div>

转:http://zhidao.baidu.com/link?url=p3FQY2V9fJ7AbNVtuLU9Tgn5tmCnrjCtnXbfLPc9PqdQ7_EMvTfBEGfna67j2pDALe9yUQ9qHRRdUuLeApob0q
分享到:
评论

相关推荐

    javascript 日期控件

    JavaScript 日期控件是网页开发中常用的一种交互元素,它允许用户在网页上方便地选择日期,常用于表单填写、日程安排等场景。在本案例中,我们有两个文件:`date.html` 和 `setday.js`。前者是HTML页面,后者是...

    javascript实现的日期控件

    首先,我们需要在HTML页面中创建一个用于显示日期控件的容器。可以使用`&lt;input&gt;`标签,并设置`type="date"`,这样浏览器会自动提供一个基本的日期选择器。例如: ```html ``` 但这样的控件样式和功能可能无法...

    日期时间控件 js脚本 示例5

    【日期时间控件 js脚本 示例5】是一个关于在网页中使用JavaScript实现日期时间选择功能的实例。在网页开发中,日期时间控件是常见的一种交互元素,它允许用户方便地选择日期和时间,通常用于表单填写或者事件预约等...

    精确到秒的日期控件 js

    在IT行业中,尤其是在Web开发领域,日期控件是不可或缺的一部分,它们允许用户在网页上方便地选择或输入日期。在JavaScript环境下,实现精确到秒的日期控件是一种常见的需求,尤其在处理时间敏感的数据时,如日志...

    js日历控件 js日历控件

    JavaScript日历控件是网页开发中常用的一种交互元素,它允许用户在网页上方便地选择日期,常用于表单输入、事件安排或者时间相关的功能。本文将深入探讨JavaScript日历控件的实现原理、常见库及其应用。 1. **基本...

    JS实现简洁的时间日期控件

    在JavaScript编程中,时间日期控件是网页交互中常见的元素,用于用户选择或输入日期和时间。本篇文章将深入探讨如何使用原生JavaScript实现一个简洁、功能完备的时间日期控件。 首先,我们需要理解JavaScript中的...

    JS简洁的时间日期控件代码.zip

    在JavaScript编程中,时间日期控件是网页交互中常见的元素,尤其在表单填写、事件调度或数据分析等场景中起到关键作用。"JS简洁的时间日期控件代码.zip" 提供了一个独立实现的时间日期选择器,它完全基于原生...

    用js实现的日期控件

    在这个场景中,"用js实现的日期控件"指的是利用JavaScript来创建一个交互式的日历组件,用户可以通过这个组件选择日期,甚至精确到秒。这样的功能在网页表单、事件预订、时间安排等许多应用场景中都非常常见。 ...

    js日期控件

    JavaScript日期控件是一种在网页上实现用户交互式日期选择功能的工具,通常用于表单输入、日历展示或时间管理应用。这些控件通过JavaScript语言编写,能够提供友好的用户体验,允许用户方便地选择日期而无需手动输入...

    js日期选择控件

    在实际的日期选择控件中,通常会用到Date对象的`getFullYear()`、`getMonth()`、`getDate()`等方法获取年、月、日,以及`setFullYear()`、`setMonth()`、`setDate()`等方法来设置日期。 其次,实现多实例化是一个...

    JavaScript日期控件

    JavaScript日期控件是Web开发中常见的一种交互组件,主要用于用户在网页上方便地选择日期。在前端开发中,日期控件极大地提升了用户体验,因为它允许用户通过直观的日历界面而非输入框来设定日期,降低了输入错误的...

    js实现的网页中经典的带时分秒的时钟控件

    "js实现的网页中经典的带时分秒的时钟控件"正是满足这种需求的一个解决方案。这个控件允许开发者通过JavaScript轻松地在网页上创建一个动态更新的时钟,同时支持自定义时间格式,以满足各种展示风格。 首先,我们要...

    老裴帮助关于Javascript日期小控件的小练习

    在网页应用中,日期控件常常用于表单输入,让用户能够方便地选择日期,而不是手动输入。JavaScript的Date对象是处理日期和时间的基础,它提供了许多方法来创建、操作和格式化日期。例如,`new Date()`用于创建当前...

    网页中可以嵌入的日历控件(js)

    本文将详细讲解如何在网页中嵌入一个JavaScript实现的日历控件,并探讨其与CSS的结合,以改变控件的风格。 首先,让我们了解什么是JavaScript日历控件。它是一种交互式的用户界面元素,允许用户通过点击或输入日期...

    JS日期控件

    4. **DOM操作**:日期控件通常需要动态生成并操作DOM元素,比如创建新的`&lt;div&gt;`作为日历容器,或者在特定的`&lt;td&gt;`元素上显示日期。`document.createElement()`, `appendChild()`, `innerHTML`等方法在此过程中起到...

    八款不同风格的js日历控件(JS+CSS)1

    在日历控件中,JS主要用来创建和管理日历的显示、切换月份、选中日期等功能。 - **CSS**:用于美化网页,定义样式和布局。在日历控件中,CSS可以设定日历的外观,包括颜色、字体、边框、背景、布局等,使其符合网页...

    js日期控件 格式 年 月 日 时 分 秒

    在标题和描述中提到的“js日期控件 格式 年 月 日 时 分 秒”是一个关于如何在JavaScript中处理日期和时间格式化的问题。下面将详细介绍这个主题,以及如何创建一个简单的日期选择器,并展示如何格式化日期为"年-月-...

    周日历js插件,weeklyCalendar,只显示一周的日期

    《周日历js插件——weeklyCalendar:专为一周日期展示设计》 在现代Web开发中,日历插件是不可或缺的一部分,它们为用户提供了直观的时间管理方式。本文将深入探讨一个专注于一周日期显示的JavaScript插件——...

    js日历控件实例源码

    JavaScript日历控件是一种常用的前端开发工具,它允许用户在网页上方便地选择日期,常用于表单输入、事件预订、时间安排等场景。在这个"js日历控件实例源码"中,我们有两个关键文件:`demo.html`和`setday.js`。 ...

    js calendar控件橙色的日期选择器样式代码

    在IT领域,JavaScript(简称JS)是一种广泛使用的前端编程语言,尤其在网页交互和动态效果方面发挥着重要作用。本文将详细讲解如何实现一个橙色主题的JavaScript日历控件,以及涉及的相关知识点。 首先,创建一个...

Global site tag (gtag.js) - Google Analytics