html页面显示年月日时分秒和星期几的两种方式_javascript技巧

Js代码

复制代码 代码如下:

//-----------------------------方式一---------------------------------------------
<html>
<head>
<script type="text/javascript">
function startTime(){
var today=new Date();
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
var n_day=today.getDay();
switch(n_day){
case 0:
{strDate=strDate+" 星期日 "}break;
case 1:
{strDate=strDate+" 星期一 "}break;
case 2:
{strDate=strDate+" 星期二 "}break;
case 3:
{strDate=strDate+" 星期三 "}break;
case 4:
{strDate=strDate+" 星期四 "}break;
case 5:
{strDate=strDate+" 星期五 "}break;
case 6:
{strDate=strDate+" 星期六 "}break;
case 7:
{strDate=strDate+" 星期日 "}break;
}
//增加时分秒
// add a zero in front of numbers<10
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds()
m=checkTime(m);
s=checkTime(s);
strDate=strDate+" "+h+":"+m+":"+s;
document.getElementById('txt').innerHTML=strDate;
t=setTimeout('startTime()',500)
}

function checkTime(i){
if (i<10) {i="0" + i}
return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

//--------------------------------方式二-----------------------------------------

<td class="date">
<script language="JavaScript" type="text/javascript">
var today=new Date();
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
var n_day=today.getDay();
switch(n_day){
case 0:
{strDate=strDate+" 星期日 "}break;
case 1:
{strDate=strDate+" 星期一 "}break;
case 2:
{strDate=strDate+" 星期二 "}break;
case 3:
{strDate=strDate+" 星期三 "}break;
case 4:
{strDate=strDate+" 星期四 "}break;
case 5:
{strDate=strDate+" 星期五 "}break;
case 6:
{strDate=strDate+" 星期六 "}break;
case 7:
{strDate=strDate+" 星期日 "}break;
}
document.write(strDate);
</script>
</td>

时间: 2024-09-03 11:26:55

html页面显示年月日时分秒和星期几的两种方式_javascript技巧的相关文章

js设置控件的隐藏与显示的两种方法_javascript技巧

用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的"display"和"visibility"属性. 当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见.不同的是"display"

JS控制HTML元素的显示和隐藏的两种方法_javascript技巧

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后,页面

点击页面其它地方隐藏该div的两种思路_javascript技巧

思路一 第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div. 复制代码 代码如下: <script type="text/javascript"> function stopPropagation(e) { if (e.stopPropagation) e.stopPropagat

关闭时刷新父窗口两种方法_javascript技巧

window.opener.location.reload()刷新父窗口window.opener.location.reload() 与 window.opener.location.href=window.opener.location.href 都是弹出窗口关闭时用来刷新父窗口. 但window.location.Reload 如果有数据提交的动作,会提示是否提交的(是和否选项) window.opener.location.href=window.opener.location.href

js页面跳转常用的几种方式_javascript技巧

第一种: 复制代码 代码如下: <script language="javascript" type="text/javascript"> window.location.href="jb51.jsp?backurl="+window.location.href; </script> 第二种: 复制代码 代码如下: <script language="javascript"> alert(&

js实现页面跳转重定向的几种方式_javascript技巧

第一种: 复制代码 代码如下: <script language="javascript"type="text/javascript"> window.location.href="http://shanghepinpai.com"; </script> 第二种: 复制代码 代码如下: <script language="javascript"> alert("返回");

java Date获取年月日时分秒的实现方法_java

java Date获取年月日时分秒的实现方法 package com.util; import java.text.DateFormat; import java.util.Calendar; import java.util.Date; public class Test { public void getTimeByDate(){ Date date = new Date(); DateFormat df1 = DateFormat.getDateInstance();//日期格式,精确到日

Android动态显示当前年月日时分秒系统时间(示例代码)

在布局文件中放一个TextView用来显示时间,如下所示: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="

Android 用Time和Calendar获取系统当前时间源码分享(年月日时分秒周几)

概述 用Time和Calendar获取系统当前时间(年月日时分秒周几) 效果图 源码: import android.app.Activity; import android.os.Bundle; import android.text.format.Time; import android.view.View; import android.widget.RelativeLayout; import android.widget.TextView; import java.util.Calen