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

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>

赞 (0)

相关推荐

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

    Js代码 复制代码 代码如下: //-----------------------------方式一--------------------------------------------- <html> <head> <script type="text/javascript"> function startTime(){ var today=new Date(); var strDate=(" "+today.getYear(

  • mpvue 页面预加载新增preLoad生命周期的两种方式

    存在的必要性:mpvue开发微信小程序,在页面跳转到新页面的过程中会有200ms左右的延迟,这个200ms如果用来请求新页面的接口,那么跳转到新页面或许已经渲染好了页面. 就是两种方式: 1.新页面跳转之前,就请求新页面数据. 2.跳转到新页面后,再请求数据,可能还会有一个loading的状态. 第二种方式是正常的的页面跳转,不say了. 这里讲解的都是第一种方式: 从上面结构图可以看出系统跳转的延时时间可以用来请求新数据,大大提高了用户体验性. 方案是有了,该怎么实现呢. 我们知道mpvue的

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

    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获取系统当前时间源码分享(年月日时分秒周几)

    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

  • JS实现获取毫秒值及转换成年月日时分秒的方法

    JS实现获取毫秒值及转换成年月日时分秒的方法

    本文实例讲述了JS实现获取毫秒值及转换成年月日时分秒的方法.分享给大家供大家参考,具体如下: 时间日期对象 创建方式一 var date=new Date(); 创建方式二 兼容性最强 推荐使用 var date1=new Date("2017/08-26 15:15:15"); 创建方式三 var date2=new Date(2017,9,18,23,15,23); 返回结果是从1970/01/01到现在的毫秒值 var date = Date.now(); var date =

  • JS获取当前时间的年月日时分秒及时间的格式化的方法

    1.获取当前时间 var myDate = new Date(); 2.获取时间中的年月日时分秒 myDate.getYear(); // 获取当前年份(2位) myDate.getFullYear(); // 获取完整的年份(4位,1970-????) myDate.getMonth(); // 获取当前月份(0-11,0代表1月) myDate.getDate(); // 获取当前日(1-31) myDate.getDay(); // 获取当前星期X(0-6,0代表星期天) myDate.g

  • 用js实现每隔一秒刷新时间的实例(含年月日时分秒)

    用js实现每隔一秒刷新时间的实例(含年月日时分秒)

    原理:使用定时器,即setInterval(fn,i),每隔i秒执行fn. 下面给出具体的代码 1.代码如下: <span style="font-size:14px;"><!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>用js实现每隔一秒刷新时间(含年月日时分秒)</tit

  • JS获取年月日时分秒的方法分析

    本文实例分析了JS获取年月日时分秒的方法.分享给大家供大家参考,具体如下: var d = new Date(); var time = d.getFullYear() + "-" +(d.getMonth()+1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds(); 必须这么繁杂,没

  • Django中日期时间型字段进行年月日时分秒分组统计

    1.数据结构说明: 数据结构如下:modification字段为修改数据时间字段,格式为 年,月,日,时,分,秒. 案例场景为,根据modification字段,统计每个统计粒子,产生数据的条数.如需要统计2020年10月29日 每个小时段产生数据的条数. 要进行这种统计需要用到 Django的connection库. 统计年月日粒子用 date_trunc_sql,统计时分秒用 datetime_extract_sql 2.进行年月日粒子的统计  2.1 官方 date_trunc_sql 原

随机推荐