精华内容
下载资源
问答
  • 页面显示当前时间

    2012-11-21 11:26:55
    网页编辑时候,需要显示当前时间功能,可以参考这个代码实现。
  • 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>  
    
    展开全文
  • jsp页面显示当前时间

    2014-10-28 19:37:36
    1.在jsp页面显示当前时间: function tick() {  var year,month,day,hours,minutes,seconds,ap;  var intYear,intMonth,intDay,intHours,intMinutes,intSeconds;  var today;  today=new Date();  intY
    1.在jsp页面显示当前时间:
    <script type="text/javascript">
    function tick() {
        var year,month,day,hours,minutes,seconds,ap;
        var intYear,intMonth,intDay,intHours,intMinutes,intSeconds;
        var today;
        today=new Date();
        intYear=today.getYear()+1900;
        intMonth=today.getMonth()+1;
        intDay=today.getDate();
        intHours=today.getHours();
        intMinutes=today.getMinutes();
        intSeconds=today.getSeconds();
        if(intHours==0){
            hours=intHours+":";
            ap="凌晨";
        }else if(intHours<12){
            hours=intHours+":";
            ap="早晨";
        }else if(intHours==12){
            hours=intHours+":";
            ap="中午";
        }else{
            intHours=intHours-12;
            hours=intHours+":";
            ap="下午";
        }
        if(intHours<10){
            hours="0"+intHours+":"
        }else{
            hours=intHours+":";
        }
         if(intMinutes<10){
             minutes="0"+intMinutes+":";
         }else{
             minutes=intMinutes+":";
            
         }
         if(intSeconds<10){
             seconds="0"+intSeconds+":";
         }else{
             seconds=intSeconds+":";
         }
        timeString=intYear+'年'+intMonth+'月'+intDay+'日'+"    "+hours+minutes+seconds+ap;
         window.setTimeout('tick()',1000);
         document.getElementById('Clock').innerHTML=timeString;//显示位置,获取id (<div id="Clock"></div>  此<body οnlοad="tick()">)
    }
    </script>
    展开全文
  • 页面显示当前时间

    2017-09-11 09:55:33
    主界面  欢迎使用 ... 当前时间: ... //获得当前时间,刻度为一千分一秒 function showLeftTime() { var now=new Date(); var year=now.getFullYear();
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
      <head>
        <title>主界面</title>
        
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    
      </head>
      
      <body class="scrollY">
      	<div style="padding-top: 20px;">
    		<table border="0" width="100%">
    		<tr>
    		<td colspan="2"><div style="padding-left: 10px;">
    		<span style="font-size: 16px;color: #D04C37;"> <b>欢迎使用</b></span></div></td>
    		</tr>
    		<tr>
    		<td width="78%"><div style="text-align: right;">当前时间:</div></td>
    		<td><div style="text-align: left; padding-right: 10px;" id="show"></div></td>
    		</tr>
    		</table>
    		<hr style="margin: 0 0 0 0;" />
    	</div>
        </body>
        
        <script type="text/javascript">
      //获得当前时间,刻度为一千分一秒
      function showLeftTime()
      {
    	  var now=new Date();
    	  var year=now.getFullYear();
    	  var month=now.getMonth() + 1;
    	  var day=now.getDate();
    	  var hours=now.getHours();
    	  var minutes=now.getMinutes();
    	  var seconds=now.getSeconds();
    	  var week = "";
    	  if(now.getDay()==0) week = "星期日"
     	  if(now.getDay()==1) week = "星期一"
     	  if(now.getDay()==2) week = "星期二"
     	  if(now.getDay()==3) week = "星期三"
     	  if(now.getDay()==4) week = "星期四"
     	  if(now.getDay()==5) week = "星期五"
     	  if(now.getDay()==6) week = "星期六"
     	 	  
    	  if(Number(minutes) < 10){
    		 minutes = "0"+minutes;
    	  }
    	  if(Number(seconds) < 10){
    		 seconds = "0"+seconds;
    	  }
    	  document.all.show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"   "+week;
    	  //一秒刷新一次显示时间
    	  var timeID = setTimeout(showLeftTime,1000);
      }
      </script>
      
      <script type="text/javascript">
    	//页面加载时候自动调用
    	window.οnlοad=showLeftTime;
    	
    </script>
    </html>
    

    展开全文
  • 用js倒计时的实现 和 在页面显示当前时间 window.onload = function(){ setInterval(function(){ getTime(); },1000); } function FormatDate (strTime) { var date...
    用js倒计时的实现 和 在页面显示当前时间
    
    
    
    
    
    
    <!DOCTYPE html>
    <html>
    	<head>
    		
    		<meta charset="utf-8" />
    		<title></title>
    		<script type="text/javascript" src="js/jquery-3.1.0.min.js" ></script>
    		<script>
    	<span style="white-space:pre">	</span>window.onload = function(){
    			setInterval(function(){	
    				getTime();
    		},1000);
    		}
    		
    		function FormatDate (strTime) {
     		 var date = new Date(strTime);
     		return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();   				}
    		function getTime(){
    			document.getElementById("time").innerHTML = FormatDate(Date());
    		}
    		</script>
    		<script>
    		 // 自定义倒计时函数 
    		 function myTimer() { var time = jisuanTime(); 
    		 	// 设置倒计时的时间 
    		 	var InterValObj; 
    		 	InterValObj = window.setInterval(setTime, 1000);
    		 	function setTime() { 
    		 		if (time > 0)
    		 		{
    		 			time = time - 1;
    		 			var second = Math.floor(time % 60); 
    		 			// 计算秒 
    		 			var minite = Math.floor((time / 60) % 60); 
    		 			//计算分
    		 			var hour = Math.floor((time / 3600) % 24); 
    		 			var day = Math.floor((time / 3600) / 24);
    		 			$("#ggtitle").text('距离正式开放大约还有'+day+'天'+hour+'小时'+minite+'分'+second+'秒'); 
    		 		} else { 
    		 			//剩余时间小于或等于0的时候,就停止间隔函数 
    		 			window.clearInterval(InterValObj); 
    		 			//这里可以添加倒计时时间为0后需要执行的事件
    		 			$("#ggtitle").text('网站马上开放');
    		 		} 
    		 	};
    		 }; 
    		 function jisuanTime () 
    		 { 
    		 	var nowtime=new Date(); 
    		 	var mtime=new Date('2016/10/07'); 
    		 	var s=mtime.getTime()-nowtime.getTime(); 
    		 	return s/1000; 
    		 }; 
    		 
    		 $(document).ready(function () 
    		 { 
    		 	myTimer(); 
    		 });
    		</script>
    
    	</head>
    	<body>
    		<div id="ggtitle" style="color:red"></div>
    		<div id="time" style="color:red"></div>
    	</body>
    </html>
    

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

    万次阅读 2018-03-31 10:30:46
    【JavaScript中Date对象的常用方法】【步骤】(1)先在...(2)定义showRealTime(clock)函数,用于得到当前时间:&lt;script type="text/javascript"&gt; function showRealTime(clock){ va...
  • 文章目录前言一、显示当前时间1.js2.div二、显示倒计时1.js2.div总结 前言 用js实现页面时钟的显示或倒计时的显示。 一、显示当前时间 实现效果如下: 1.js 代码如下(示例): $(function () { showCurrentDate...
  • Js部分首先设置一个全局变量 timer赋值为true(命名根据自己需求而定),然后获取开始按钮和暂停按钮。...然后在计时器里面的回调函数里获取到需要插入的HTML元素,之后获取当前时间,并将当前的时...
  • 一、导入时间格式化通用js import { formatTimeToStr } from “@/utils/date”; 二、data()中定义常量 export default { return { date: formatTimeToStr...三、在需要显示实时时间的地方使用this.date <el-form...
  • 话不多说咱直接看代码 <!... < ...> ...//获取当前系统时间 ...//获取当前年份 ...//获取当前月份 ...//获取当前天 ...这是一个动态的 因为用了setInterval定时效果 所以在页面中每一秒执行一次 就跟系统时间一样了
  • 当前时间: ' + year + ' 年 ' + mon + ' 月 ' + da + ' 日 ' + ' 星期 ' + day + ' ' + h + ' : ' + m + ' : ' + s; }, 1000 ) } script > html >   转载于:...
  • 页面显示当前时间的方法之一 &lt;script type="text/javascript"&gt; function setDateTime(){ var date=new Date(); var day=date.getDay(); var week; switch(day){ case 0:week...
  • ajax页面显示当前时间

    2013-04-18 00:53:00
    http://www.nowamagic.net/ajax/ajax_ShowRealTime.php
  • //同步当前设备的时间 setInterval(function(){ var date = new Date(); var year =date.getFullYear(); var month =date.getMonth(); var day = date.getDate(); var hours = date.getHours(); var ...
  • 显示当前时间 (); SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); %> 当前时间是: =============以上显示当前时间就完了,不能动态显示 注意:%@p
  • 用户进入网站后,出于友好目的,可以添加一些欢迎语句,并且显示系统当前时间,动态读秒的操作。还是直接粘贴代码吧 <script type="text/javascript"> window.onload = function() { var date = new Date...

空空如也

空空如也

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

页面显示当前时间