原文发布时间为：2008-10-10 —— 来源于本人的百度文章 [由搬家工具导入]

显示日期，星期，以及时间：

JS文件夹与default.aspx在同一个文件夹下

JS文件夹中有date.js文件，文件内容为：

// JScript 文件
///显示时间
// JScript 文件
///显示时间
function getDate()
{
    var d = new Date();
switch (d.getDay()) {
   case 0:
    strweek="日";
    break;
   case 1:
    strweek="一";
    break;
   case 2:
    strweek="二";
    break;
   case 3:
    strweek="三";
    break;
   case 4:
    strweek="四";
    break;
   case 5:
    strweek="五";
    break;
   case 6:
    strweek="六";
    break;
}
document.write((d.getYear())+"年"+(d.getMonth()+1)+"月"+d.getDate()+ "日"+" 星期"+ strweek);
}

function getTime()
{
    var d = new Date();
    sec = d.getSeconds();
    hr = d.getHours();
    min = d.getMinutes();
    if (hr <= 9) hr = "0" + hr;
    if (min <= 9) min = "0" + min;
    if (sec <= 9) sec = "0" + sec;
    var t = " " + hr + ":" + min + ":" + sec;
    document.getElementById("ShowTime").innerText = t;
}

function showTime()
{
    if (document.all) setInterval("getTime()",1000)
}

defaul.aspx的源码为：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
    <title>无标题页</title>
    <script type="text/javascript" src="JS/date.js"></script>
</head>
<body onload="showTime();">
    <form id="form1" runat="server">
    <script type="text/javascript">getDate();</script>
    <span id="ShowTime"></span>
    <div>
    </div>
    </form>
</body>
</html>

参考资料：http://hi.baidu.com/anlaflasher/blog/item/39dc8e185ccb1e0234fa41ba.html

html文件代码可以这样写：

<html>
<head>
<title>显示时间</title>
<script language="JavaScript">
function check(val){
if (val<10){
return("0"+val);
}else{
return(val);
}
}
function ShowTime()
{
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
var hour=date.getHours();
var minutes=date.getMinutes();
var second=date.getSeconds();
var timestr=year+"年"+month+"月"+day+"日 "+check(hour)+":"+check(minutes)+":"+check(second);
document.getElementById("stime").innerText=timestr;
var timerID=setTimeout('ShowTime();',1000);
}
</script>
</head>
<body onload="ShowTime();">
<span id="stime"></span>
</body>
</html>

c#.net用JavaScript实现 时钟显示的更多相关文章

  1. 如何用iframe标签以及Javascript制作时钟？

    如何利用iframe标签以及Javascript制作时钟? 如何制作一个时钟呢?效果如下图所示: 这里的时钟会不停的走,但是下面的页面是不会变得,这样就实现了我们想要的效果了.下面我将分为以下几个方面 ...

  2. Canvas基础学习（一）——实现简单时钟显示

    HTML5最受欢迎的功能就是<canvas>元素.这个元素负责在页面中设定一个区域,然后就可以通过JavaScript动态地在这个区域中绘制图形.关于<canvas>元素的一些 ...

  3. [转]javascript 快速隐藏/显示万行表格列的方法

    原文地址:javascript 快速隐藏/显示万行表格列的方法 隐藏表格列,最常见的是如下方式: td.style.display = "none"; 这种方式的效率极低.例如,隐 ...

  4. Android消息机制——时钟显示和异步处理工具类（AsyncTask)

    1. 时钟显示 定义布局文件——activity_my_analog_clock_thread_demo.xml <?xml version="1.0" encoding=& ...

  5. JavaScript全屏显示

    JavaScript全屏显示 需要引入的库 https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js https://cdn.bootcss.com/scr ...

  6. javascript隐藏和显示元素以及清空textarea

    当前希望写一个单选框,选中“paste”则显示粘贴框,选中“upload”则提示选择文件. 因为这两种情况只是显示不同,所以只需要用javascript来进行显示和隐藏. 最后的结果大概这样: 初始时 ...

  7. PDF.Js的使用—javascript中前端显示pdf文件

    PDF.Js的使用—javascript中前端显示pdf文件 写于2018/12/6 起因是一个图片展示页面需要展示pdf格式的文件,所以查了半天决定使用pdf.js,我也不求有多了解它,能实现我想要 ...

  8. 16 JavaScript计时事件&显示时钟

    计时事件:JavaScript设定一定的时间间隔之后来执行代码 window.setInterval("JavaScript function",millisecons):间隔指定 ...

  9. 原生javascript实现网页显示日期时钟效果

    刚接触javascript中Date内置对象时,以为这些方法都太简单了,结果要自己实际操作写一个时钟效果还真一时把我难住了,主要有几点大家要注意的.先看实际效果 要实现这样的效果 某年某月某日星期几几 ...

随机推荐

  1. ajax全局变量的使用

    var username; $.ajax({ type:"post", url:"a.action", data: {}, dataType: 'text',  ...

  2. LeetCode949-给定数字能组成的最大时间

    问题: 给定一个由 4 位数字组成的数组,返回可以设置的符合 24 小时制的最大时间. 最小的 24 小时制时间是 00:00,而最大的是 23:59.从 00:00 (午夜)开始算起,过得越久,时间 ...

  3. webpack+thymeleaf实现数据直出

    webpack动态插入thymeleaf模板,MVC将要使用数据传递到模板中渲染,得到的html就已经带有要初始显示的数据了github:https://github.com/947133297/we ...

  4. Mybatis中的增删改查

    相比jdbc mybatis在操作数据库方面比jdbc节省了大量的代码,及大量的代码冗余.使得操作起来更加简洁. 在Mapper中分别有着 select,insert, update,delete的这 ...

  5. django之配置静态文件

    # 别名 STATIC_URL = '/static/' # 配置静态文件,名字必须是STATICFILES_DIRS STATICFILES_DIRS = [ os.path.join(BASE_D ...

  6. 爬虫工程师常用的 Chrome 插件

    做多了爬虫都知道,写一个爬虫大部分时间不是在代码上,而是在分析网页上,所有有一套好用的工具可以极大节省劳动力,这里把平时积累的一些 Chrome 插件分享出来,均来自本人和同事推荐,并不定时更新,欢迎 ...

  7. Spring加载配置文件的几种方法（org.springframework.beans.factory.BeanDefinitionStoreException）

    一:Spring中的几种容器都支持使用xml装配bean,包括:XmlBeanFactory ,ClassPathXmlApplicationContext ,FileSystemXmlApplica ...

  8. Windows 2008 WinRM和WinRS能帮你做什么？

     介绍    WinRM及WinRS更新包含在Windows Vista, Windows Server 2003 R2, Windows Server 2008 (及 Server 2008 Cor ...

  9. Aptana Studion出现 duplicate location重复定位报错

    1.下载SVN的时候出现报错 duplicate location 2.点击“available software sites”查看已可用的软件网站 3.在这里可以查看到SVN,勾选SVN复选框,点击 ...

  10. scripts

    Shell Script:================================================================ 示例1:[root@server0 ~]# ...