精华内容
下载资源
问答
  • HTML5提供了一系列时间控件date、time、datetime-local、datetime、month、week ,但是都没有进行控件的初始化。现在以最常使用的date、time控件为例,进行时间控件的初始化。html>初始化时间控件//初始化时间...

    HTML5提供了一系列时间控件date、time、datetime-local、datetime、month、week ,但是都没有进行控件的初始化。

    现在以最常使用的date、time控件为例,进行时间控件的初始化。

    html>

    初始化时间控件

    //初始化时间控件

    var now = new Date() ;

    var nowYear = now.getFullYear() ; //年

    var nowMonth = now.getMonth()+1<10?"0"+(now.getMonth()+1):now.getMonth() ; //月

    var nowDay = now.getDate()<10?"0"+now.getDate():now.getDate() ; //日期

    var nowHour = now.getHours()<10?"0"+now.getHours():now.getHours() ; //时

    var nowMinute = now.getMinutes()<10?"0"+now.getMinutes():now.getMinutes() ; //分

    var nowDate = nowYear+"-"+nowMonth+"-"+nowDay ;

    var nowTime = nowHour+":"+nowMinute;

    $("#nowDate").val(nowDate) ;

    $("#nowTime").val(nowTime) ;

    展开全文
  • 1、在html文件中的设置: html代码 1 <STYLE type="text/css"> 2 <!-- 3 /*枠線なし*/ 4 INPUT { 5 font-size: 50px; 6 color: #CC0000; 7 border-style:none //设置样式:无边框的...

    1、在html文件中的设置:

    html代码
     1 <STYLE type="text/css">
     2 <!--
     3 /*枠線なし*/
     4 INPUT {
     5     font-size: 50px;
     6     color: #CC0000;
     7     border-style:none //设置样式:无边框的文本框
     8 
     9 }
    10 -->
    11 </STYLE>
    12 </HEAD>
    13 <BODY onLoad="disptime( )"> //Onload ( ) 事件,页面加载就调用函数:disptime
    14 (显示时间)
    15 
    16 <FORM NAME="myform">
    17 <INPUT name="myclock" type="text"   value="" >
    18 </FORM>

     

    2、具体的js代码的设置:

    js代码
     1 <SCRIPT language="JavaScript">
     2 function disptime( )
     3 {
     4  var time = new Date( ); //現在の時間
     5  var hour = time.getHours( );  //時、分、秒
     6  var minute = time.getMinutes( );
     7  var second = time.getSeconds( );
     8  var apm="AM"; //默认显示上午: AM
     9  if (hour>12) //午前: AM
    10  {
    11     hour=hour-12;
    12     apm="PM"  ;
    13  }
    14  if (minute < 10) //分は1桁の場合、先頭に0を補足
    15    minute="0"+minute;
    16  if (second < 10) //秒は1桁の場合、先頭に0を補足
    17    second="0"+second;
    18 document.myform.myclock.value= hour+":"+minute+":"+                                                  
    19                                                                                 second+" "+apm;
    20 var myTime = setTimeout("disptime(  )",1000); //使用定时器函数,每隔1秒调用disptime( )函数刷新显示
    21 
    22 }
    23 </SCRIPT>

     

    转载于:https://www.cnblogs.com/wocn/archive/2013/01/25/js_html_timeout.html

    展开全文
  • HTML页面显示当前时间

    2020-08-11 16:39:09
    页面显示当前时间 当前时间

    1.在一个div里面显示当前时间

      用id选择器
    
    <html>
    <head>
        <meta charset="utf-8">
        <title>当前时间</title>
        <script type="text/javascript">
            var t = null;
    
            function time() {
                dt = new Date();
                var y = dt.getFullYear();
                var M = dt.getMonth() + 1;
                var d = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                M=checkTime(M);
                d=checkTime(d);
           		h=checkTime(h);
                m=checkTime(m);
                s=checkTime(s);
                document.getElementById("timeShow").innerHTML = "当前时间:" + y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s;
                t = setTimeout(time, 1000);
            }
    
            window.onload = function () {
                time()
            }
            
            function checkTime(i){
            if(i<10){
                i="0"+i;
            }
            return i;
        }
        </script>
    
    </head>
    <body>
    <div id="timeShow"></div>
    </body>
    </html> 
    
    

    显示结果:
    在这里插入图片描述

    2.如果多个div显示当前时间的话

       用class选择器
    
    <html>
    <head>
        <meta charset="utf-8">
        <title>当前时间</title>
        <script type="text/javascript">
            var t = null;
    
            function time() {
                dt = new Date();
                var y = dt.getFullYear();
                var M = dt.getMonth() + 1;
                var d = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                M=checkTime(M);
        	    d=checkTime(d);
          		h=checkTime(h);
            	m=checkTime(m);
            	s=checkTime(s);
                $('.timeShow').html(y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s);
                t = setTimeout(time, 1000);
            }
    
            window.onload = function () {
                time()
            }
            
        function checkTime(i){
            if(i<10){
                i="0"+i;
            }
            return i;
        }
        </script>
    
    </head>
    <body>
    <div class="timeShow"></div>
    <div class="timeShow"></div>
    <div class="timeShow"></div>
    </body>
    </html>  
    
    展开全文
  • HTML页面显示时间

    2020-12-04 16:48:04
    HTML页面显示当前时间 1.代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> span{ display: ...

    在HTML页面中显示当前时间

    1.源码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    		<style type="text/css">
    			span{
    				display: inline-block;
    				/*border: 1px solid black;*/
    				/*background-color: yellow;*/
    				font-family: 华文行楷;
    			}
    			span:hover{
    				background-color: pink;
    				cursor: pointer;
    			}
    		</style>
    	</head>
    	<body>
    		<span id="time"></span>
    		
    		<script>
    			var show= function(){
    				var date = new Date();
    				var year = date.getFullYear();
    				var month = date.getMonth()+1;
    				month= month<10?"0"+month:month;
    				var day = date.getDate();//获取日期
    				day= day<10?"0"+day:day;
    				var hour = date.getHours();
    				hour= hour<10?"0"+hour:hour;
    				var minute = date.getMinutes();
    				minute= minute<10?"0"+minute:minute;
    				var week = date.getDay();//获取星期
    				var second=date.getSeconds();
    				second= second<10?"0"+second:second;
    				week = "日一二三四五六".charAt(week);
    				week="星期"+week;
    				result=year+"-"+month+"-"+day+" "+week+" "+hour+":"+minute+":"+second;
    				document.getElementById("time").innerHTML=result;
    		 }
    			show();
    			setInterval("show()",1000);
    		</script>
    	</body>
    </html>
    
    

    2.介绍

    1. JS内置对象Date的使用

      js中有内置的对象,Date就是其中一个。

      getFullYear():获取年份 getMonth()获取月份 getDate():获取一个月中的某一天 getDay():获取一周中的某一天 等等。

    2. 注意:

      因为转化日期的时候,getDay()返回的是int类型。不符合常见的日期显示方式,所以需要将其转换为字符串类型的进行显示。

      代码如下

      switch (week){
      					case 1:
      						week="星期一";
      						break;
      					case 1:
      						week="星期一";
      						break;
      					case 2:
      						week="星期二";
      						break;
      						
      				    case 3:
      						week="星期三";
      						break;
      					case 4:
      						week="星期四";
      						break;
      					case 5:
      						week="星期五";
      						break;
      					case 6:
      						week="星期六";
      						break;
      					case 0:
      						week="星期日";
      						break;
      					default:
      						break;
      				}
      

      但是如果在HTML页面中写入如上代码,回导致整个代码十分冗余。在这里可以使用内置类String的方法charAt()根据索引返回字符串的某个位置的字符

      简化后的代码如下

      week = "日一二三四五六".charAt(week);
      week="星期"+week;
      

      由于JS是弱类型语言,所以可以直接将int类型的的数据转换为字符串类型。

    展开全文
  • 简单的js 标签,在页面上动态的显示北京时间的时分秒 。
  • 匿名用户1级2014-03-04 回答你的代码问题是:你用的是onclick...*/当点击div1 时才会加载时间我把这个注释掉了改成页面加载 就调用这个函数 letstart();下面是我修改的 你可以看下<html><head><scr...
  • html页面实时显示系统时间

    万次阅读 多人点赞 2018-11-05 13:24:58
    html页面实时显示系统时间 桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=...
  • 全局变量 var lblTimer; var d; ready事件里面写 lblTimer = $("#lbltimer"); d = new Date('("yyyy-MM-dd HH:mm:ss")%>'); lblTimer.children(...转载于:https://www.cnblogs.com/bfyx/p/5745684.html
  • html页面动态显示时间

    2019-06-17 15:35:00
    思路:使用setInterval一直调用获取当前时间方法 setInterval(getCurrentTime, 1000) getCurrentTime () { let now = new Date (); let hh = now.getHours(); let mm = now.getMinutes() > 10 ? ...
  • 本文实例讲述了JS实现HTML页面中动态显示当前时间。分享给大家供大家参考,具体如下:www.jb51.net JS动态显示时间var timer=null;function displayClock(num){//num是传入的startClock中的动态值if(num<10){...
  • 1、在model中,遇到datetime格式的字段,用string来表示model中/// /// 开始时间/// [Display(Name = "开始时间")][DataType(DataType.Text)]public String StartTime { get; set; }/// /// 截止时间/// [Display...
  • 今天做了一个笔试,让实时显示当前时间,回来以后,自己动手敲代码,但是发现一个问题,通过getMonth()得到月份,总是会比当前月份少1,深深地觉得实践出真知啊……之前觉得Date对象挺简单的,有很多细节都没有注意...
  • html页面显示时间

    2012-01-30 16:13:16
    我试了一下,在IE中可以正确显示,... Mon Jan 30 2012 16:15:41 GMT+0800 (中国标准时间) 我自己整了个笨法,就是方法三,在每个浏览器中显示的效果都和IE相同。 [b]方法一:[/b] [code="html"] ...
  • 主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
  • js 页面显示时间

    2021-01-30 21:18:32
    html js 显示当前时间 function getTime() { var myDate = new Date(); var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????) var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表...
  • html页面当前时间显示

    千次阅读 2013-09-26 10:21:36
    原文地址: ... clock.js function Clock() {  var date = new Date();...4、时间显示格式:现在是:2013年1月11日 15:41:23 星期五。显示格式可根据具体需求对clock.js文件进行修改。
  • vue页面时间显示

    2021-06-08 23:09:26
    vue页面时间显示 https://www.cnblogs.com/emmawang1988/p/13426584.html
  • 获取系统时间//获取系统时间。var dateTime=new Date();var hh=dateTime.getHours();...显示时间页面//将时间显示到ID为time的位置,时间格式形如:19:18:02document.getElementById("time").inn...
  • 页面显示时间

    2011-01-04 11:17:09
    倒计时、秒杀或显示系统时间 &lt;html&gt; &lt;head&gt; &lt;title&gt;2011倒计时&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="...
  • <script type="text/javascript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年 ...
  • 页面实时显示时间

    2018-07-11 08:52:26
    !DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;...03_页面实时显示时间.html&lt;/title&gt; &lt;style&gt; #colock{ width: 280px; height: 80px; b
  • html页面实时显示系统时间 桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8...
  • js页面处理时间-页面如何显示时间

    千次阅读 2017-03-31 13:36:20
    此时页面显示的时候要显示的格式 2017-3-31 13:37:22 js端需要做的处理便是截取获得值,拼接为页面所要求的格式 这个经常会用到,所以在这里进行简单的记录 var html=getDate; ---将后端获取的日期...
  • 编程:打开页面显示系统时间,效果如图 <html> <head> <script type="text/javascript"> function m1(){ var now = new Date(); var year = now.getFullYear(); var month = ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,704
精华内容 1,481
关键字:

html页面显示时间