js实现某年某月某天距离现在有多少天,多少分,多少秒,动态显示!

最新推荐文章于 2024-06-22 16:19:59 发布
最新推荐文章于 2024-06-22 16:19:59 发布
阅读量7.5k 收藏 3
点赞数 1
分类专栏： js 文章标签： jquery javascript Jscex
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tom_tom_tom_xiang/article/details/72870913
版权

简单描述一下问题：给定一个年月日时分秒，在网页中动态显示，距离今天已经有多少天，多少小时，多少分钟，多少秒.

1.用到的这些jQuery和jscex文件都可以从网上下载，这里不再赘述 
<script src=" jquery-1.11.1.min.js "></script>
<script type="text/javascript" src="jscex.min.js"></script>
<script type="text/javascript" src="jscex-parser.js"></script>
<script type="text/javascript" src="jscex-jit.js"></script>
<script type="text/javascript" src="jscex-builderbase.min.js"></script>
<script type="text/javascript" src="jscex-async.min.js"></script>
<script type="text/javascript" src="jscex-async-powerpack.min.js"></script>
2.这里还要引用一个.js文件，是自己写的，方便操作 
<script type="text/javascript" src="functions.js" charset="utf-8"></script>

具体的内容如下：
var $win = $(window);
var clientWidth = $win.width();
var clientHeight = $win.height();

$(window).resize(function() {
    var newWidth = $win.width();
    var newHeight = $win.height();
    if (newWidth != clientWidth && newHeight != clientHeight) {
        location.replace(location);
    }
});

(function($) {
	$.fn.typewriter = function() {
		this.each(function() {
			var $ele = $(this), str = $ele.html(), progress = 0;
			$ele.html('');
			var timer = setInterval(function() {
				var current = str.substr(progress, 1);
				if (current == '<') {
					progress = str.indexOf('>', progress) + 1;
				} else {
					progress++;
				}
				$ele.html(str.substring(0, progress) + (progress & 1 ? '_' : ''));
				if (progress >= str.length) {
					clearInterval(timer);
				}
			}, 75);
		});
		return this;
	};
})(jQuery);

function timeElapse(date){
	var current = Date();
	var seconds = (Date.parse(current) - Date.parse(date)) / 1000;
	var days = Math.floor(seconds / (3600 * 24));
	seconds = seconds % (3600 * 24);
	var hours = Math.floor(seconds / 3600);
	if (hours < 10) {
		hours = "0" + hours;
	}
	seconds = seconds % 3600;
	var minutes = Math.floor(seconds / 60);
	if (minutes < 10) {
		minutes = "0" + minutes;
	}
	seconds = seconds % 60;
	if (seconds < 10) {
		seconds = "0" + seconds;
	}
	var result = "第 <span class=\"digit\">" + days + "</span> 天 <span class=\"digit\">" + hours + "</span> 小时 <span class=\"digit\">" + minutes + "</span> 分钟 <span class=\"digit\">" + seconds + "</span> 秒"; 
	$("#clock").html(result);
}





3.不多说了，直接上完整代码，代码上有注释
<body>
    <div id="clock-box"> <span></span><font color="#33CC00">我们</font> <span>已经是……</span>
      <div id="clock"></div>
    </div>
 </body>
 <script src=" jquery-1.11.1.min.js "></script>
 <script type="text/javascript" src="jscex.min.js"></script>
 <script type="text/javascript" src="jscex-parser.js"></script>
 <script type="text/javascript" src="jscex-jit.js"></script>
 <script type="text/javascript" src="jscex-builderbase.min.js"></script>
 <script type="text/javascript" src="jscex-async.min.js"></script>
 <script type="text/javascript" src="jscex-async-powerpack.min.js"></script>
 <script type="text/javascript" src="functions.js" charset="utf-8"></script>
	<script>
		var textAnimate = eval(Jscex.compile("async", function () 
		{
		    var together = new Date();
		    together.setFullYear(2014,10, 15); 			//时间年月日，注意月份是0-11
		    together.setHours(0);						//小时	
		    together.setMinutes(0);						//分钟
		    together.setSeconds(0);						//秒前一位
		    together.setMilliseconds(0);				//秒第二位
            $("#clock-box").fadeIn(500);
            while (true) {
                timeElapse(together);
                $await(Jscex.Async.sleep(1000));
            }
		}));

		textAnimate().start();
		
	</script>





 

 

 
 4.希望大家有什么不懂得，可以直接查官方文档，穿"一手鞋"。 

 

 
 快乐学习，快乐编程! 


                

        

        

    




    

      

        

            

              
                
                  tom_tom_tom_xiang
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    3
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
javascript 判断某年某月有多少天的实现代码 推荐

				
			

			

				

					10-29
				

			

		

		

			
				
在网页开发中，经常会遇到需要选择日期的场景，而判断某年某月有多少天是实现这一功能的基础。在JavaScript中，我们可以通过Date对象来获取日期信息，并以此判断月份的天数。通常，我们会使用switch语句来对月份进行...

			
		

	



                

              
                



	

		

			

				
					
JavaScript获取某年某月的最后一天附截图

				
			

			

				

					10-25
				

			

		

		

			
				
1. 使用Date对象创建一个代表某年某月第一天的日期对象。 2. 使用`setDate(1)`方法将日期设置为该月的第一天。 3. 使用`setMonth(date.getMonth()+1)`方法将月份加1，这样就将日期对象调整到了下个月的第一天。 4. ...

			
		

	



                


  
              

                


	

		

			

				
					
JS——求某年某月某天是多少天

				
			

			

				

					spfLinux的博客
				

				

					10-24
					
					994
					
				

			

		

		

			
				
var year = Number(prompt("输入年："));
		var month = Number(prompt("输入月："));
		var day = Number(prompt("输入日："));

		var flag = 0;

		if((year % 4 == 0 && year % 100 !=0) || (year % 400) == 0){
			flag = 1

			
		

	





	

		

			

				
					
JavaScript前端计算距当前多少时间。（年月天，时分秒）

				
			

			

				

					weixin_39167759的博客
				

				

					10-15
					
					668
					
				

			

		

		

			
				
/** 
 *  计算距当前多少时间前
 */
function friendlyDate(timestamp) {
	var formats = {
		'year': '%n% 年前',
		'month': '%n% 月前',
		'day': '%n% 天前',
		'hour': '%n% 小时前',
		'minute': '%n% 分钟前',
		'second': '%n% 秒前',
	};

	var now = Date.now();
	var seconds = Math.floor.

			
		

	



		

			
		



	

		

			

				
					
web前端之关闭浏览器标签页后自动退出登录、踩坑之浏览器关闭或刷新前发送可靠的请求、页面卸载的生命周期、监听的不同写法、页面可见性、可视区域、事件、beforeunload、unmounted

					
最新发布

				
			

			

				

					软件毕设协助及软件开发、智慧电子模块、计算机科技、软件开发、硬件开发、程序员、写代码、工程师、互联网、物联网、技术栈、程序、编程、IT。
				

				

					06-22
					
					1774
					
				

			

		

		

			
				
web前端之关闭浏览器标签页后自动退出登录、踩坑之浏览器关闭或刷新前发送可靠的请求、页面卸载的生命周期、监听的不同写法、页面可见性、可视区域、事件、beforeunload、unmounted

			
		

	





	

		

			

				
					
JS计算从某年某月某日到某年某月某日的间隔天数差

				
			

			

				

					weixin_34124577的博客
				

				

					05-15
					
					608
					
				

			

		

		

			
				
直接贴代码了，你直接拷贝然后另存为html就可以用了，不多说，请看：


<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title></title&gt...

			
		

	





	

		

			

				
					
【JavaScript】计算某日到今天所度过的天数、小时数、分钟数、秒数、毫秒数并实时显示在页面中

				
			

			

				

					Bushhhh的博客
				

				

					07-28
					
					2227
					
				

			

		

		

			
				
简介
一个小小小小极其小的JS程序，通过计算指定日期到现在这一时刻之差，然后转化为天数、小时数、分钟数、秒数、毫秒数，再通过创建HTML元素显示在页面左上角，并设置一个Interval实时刷新；
谨以提醒自己时间宝贵；
效果

使用方法
复制下方JS代码粘贴到F12控制台中回车运行；
起始日期默认为2020年7月26日，修改第一行s1即可改变计算日期；

黄色背景和图片只是为了突出显示，Time flys！

var s1 = '2020-07-26';
s1 = new Date(s1.replace(/

			
		

	





	

		

			

				
					
JS获取指定日期距离当前日期还有多久

				
			

			

				

					张小胖
				

				

					05-12
					
					2674
					
				

			

		

		

			
				
/**
  * 获取距离指定时间还有多少天
  * @param {String | Number | Date} dateTime 日期时间
  * @example
  * ```javascript
  *     getDistanceSpecifiedTime('2019/02/02 02:02:00');
  *     getDistanceSpecifiedTime(1549036800000);
  *     getDistanceSpecifiedTime(new Date("201.

			
		

	





	

		

			

				
					
js 距离某一时间点时间是多少实现代码

				
			

			

				

					10-26
				

			

		

		

			
				
在给定的代码示例中，它演示了一个简单的计时器功能，显示从指定时间点到现在已经过去了多少天、小时、分钟和秒。以下是详细的知识点解析：  1. **Date对象**：  JavaScript的`Date`对象用于处理日期和时间。在`var ...

			
		

	





	

		

			

				
					
JS实现距离上次刷新已过多少秒示例

				
			

			

				

					10-25
				

			

		

		

			
				
本文档介绍了如何使用JavaScript（JS）实现一个功能，即显示自页面上次刷新以来经过的秒数。这个功能在某些场景下可能非常实用，例如在进行计时任务、监控活动状态或者提供动态更新时间显示的场景中。  在页面加载时...

			
		

	





	

		

			

				
					
JavaScript计算某一天是星期几的方法

				
			

			

				

					10-23
				

			

		

		

			
				
闰年的2月有29天，而不是平年的28天。因此，对于2月份的日期，需要对Zeller公式进行调整，以确保能够正确计算出闰年2月的星期几。  5. 实现结果输出： 最终，函数`getday`会输出计算结果到指定的文本框（resulttext...

			
		

	





	

		

			

				
					
jQuery+Html5实现唯美表白动画代码.rar_HTML表白代码_jquery；html；_表白

				
			

			

				

					07-14
				

			

		

		

			
				
唯美动画效果，非常试用于表白。妈妈再也不用担心没有女朋友了

			
		

	





	

		

			

				
					
JS计算某个日期距今时间

				
			

			

				

					那片枫叶~
				

				

					03-15
					
					1339
					
				

			

		

		

			
				
JS计算某个日期距今时间
1、做个日常笔记，
//兼容IE8
// time格式为 '2018-08-01或2018/08/01或2018/8/1'
var daysComputed = function(time) {
    var oldTimeFormat = new Date(time.replace(/-/g, '/'));
    var nowDate = new Date();
    if(nowDate.getTime() - oldTimeFormat.getTime() > 

			
		

	





	

		

			

				
					
JS 获取某个时间距离现在时间有多少时分秒

				
			

			

				

					草原孤狼的专栏
				

				

					09-10
					
					9919
					
				

			

		

		

			
				
好记忆不如按烂笔头... ...
以下这段代码是获取某个时间距离当前时间的天时分秒的数据。

    function showTime(){
        var timeStr = $("#classTime").html();  //获得的时间字符串.
        if(timeStr==null || timeStr==''){
            return;


			
		

	





	

		

			

				
					
js计算日期时间距离现在多久

				
			

			

				

					weixin_43506403的博客
				

				

					10-18
					
					1375
					
				

			

		

		

			
				
js计算日期时间距离现在多久

//距离现在时间多久
function dateDiff(hisTime, nowTime) {
    if (!arguments.length) return '';

    var arg = arguments,
        now = arg[1] ? arg[1] : new Date().getTime(),
        diffValue = now - new Date(arg[0].replace(/-/g, '/')).getTime(),


			
		

	





	

		

			

				
					
Javascript计算到今天为止今年过去了多少天

				
			

			

				

					ruoxin0802的专栏
				

				

					03-18
					
					2462
					
				

			

		

		

			
				
var day=today.getDate();
var sum=0
switch(month)
{
  case 0:sum=0;break;
　case 1:sum=31;break;
　case 2:sum=59;break;
　case 3:sum=90;break;
　case 4:sum=120;break;
　case 5:sum=151;break;
　case

			
		

	





	

		

			

				
					
计算距离现在过去多长时间

				
			

			

				

					matiantian666的博客
				

				

					04-24
					
					2199
					
				

			

		

		

			
				
1.、


/**
 * 传入时间戳,计算距离现在的时间
 * @param  number $time 时间戳
 * @return string       返回多少以前
 */
function timeFormat($time) {
    $time = (int) substr($time, 0, 10);
    $int = time() - $time;
    $str = '...

			
		

	





	

		

			

				
					
Js倒计时(2022-5-1)

				
			

			

				

					weixin_62219063的博客
				

				

					03-07
					
					547
					
				

			

		

		

			
				
<script type="text/javascript">
		// 为什么计算时分秒
		// 因为我们要做倒计时
		
		// 先获取本地时间
		var date1 = new Date();
		
		// 获取本地时间距离1970年1月1日00:00:00的总毫秒数
		// console.log(date1.getTime());//1646659060384
		
		// 我们需要一个未来的时间
		var date2 = new Date('2022-5-1 00:0.

			
		

	





	

		

			

				
					
JAVA实现前几秒几分钟几天前几年源码

				
			

			

				

					diyu8056的博客
				

				

					11-18
					
					149
					
				

			

		

		

			
				
package com.date;
  
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
  
public class RelativeDateFormat {
  
    private static final long ONE...

			
		

	





	

		

			

				
					
请你用JavaScript计算某年某月某日是这一年的多少天

				
			

			

				

					08-10
				

			

		

		

			
				
### 回答1：

我不是很了解JavaScript，但是可以提供一些帮助。可以使用JavaScript中的Date（）函数来计算某年某月某日是这一年的多少天：var today = new Date(year, month, day);var start = new Date(year, 0, 0);var diff = today - start;var oneDay = 1000 * 60 * 60 * 24;var dayOfYear = Math.floor(diff / oneDay);console.log(dayOfYear);  

### 回答2：
为了计算某年某月某日是这一年的多少天，你可以使用JavaScript的内置日期对象Date()。下面是一个实现的例子：

```javascript
function calculateDays(year, month, day) {
  // 创建日期对象
  var currentDate = new Date(year, month - 1, day);

  // 获取年份和下一年的第一天
  var currentYear = currentDate.getFullYear();
  var nextYear = currentYear + 1;
  var nextYearFirstDay = new Date(nextYear, 0, 1);

  // 计算多少天
  var days = Math.floor((nextYearFirstDay - currentDate) / (1000 * 60 * 60 * 24));

  return days;
}

// 示例调用
var year = 2022;
var month = 4;
var day = 15;
var result = calculateDays(year, month, day);
console.log(year + "/" + month + "/" + day + "是这一年的第" + result + "天。");
```

在这个例子中，我们首先创建了一个新的日期对象`currentDate`，并将年、月、日传递给构造函数。注意，月份是从0开始计数的，所以我们要将传入的月份减1。然后，我们获取年份和下一年的第一天的日期对象`nextYearFirstDay`。通过计算两个日期对象之间的毫秒数差值，除以每天的毫秒数，我们可以得到`currentDate`是这一年的第几天。最后，我们返回这个天数值。

运行这段代码，输出结果为："2022/4/15是这一年的第105天。"  

### 回答3：
在JavaScript中，可以使用以下函数来计算某年某月某日是这一年的多少天：

```javascript
function calculateDays(year, month, day) {
  // 创建一个新的日期对象
  var date = new Date(year, month - 1, day);

  // 获取当年的最后一天
  var endDate = new Date(year, 11, 31);

  // 计算天数差
  var days = Math.floor((endDate - date) / (24 * 60 * 60 * 1000));

  // 返回天数差+1
  return days + 1;
}

// 示例用法
var year = 2022;
var month = 8;
var day = 20;
var result = calculateDays(year, month, day);
console.log(result); // 输出：133
```

上面的代码中，首先创建一个新的日期对象，表示输入的年、月、日。然后，获取当年的最后一天，即12月31日的日期对象。通过两个日期对象的差值除以每天的毫秒数，可以得到天数差。最后将天数差加1，即为所求的结果。上述示例计算了2022年8月20日是这一年的第133天。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值