分别实现数字时钟和日历的js代码

最新推荐文章于 2022-09-26 12:55:24 发布

Q_004

最新推荐文章于 2022-09-26 12:55:24 发布

阅读量1.5k

点赞数

分类专栏： js 文章标签： js 数字时钟日历html

本文链接：https://blog.csdn.net/Q_004/article/details/77371936

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

这是实现数字时钟的



	
		
   
   
		数字时钟
		
		<script type="text/javascript">
		   function toDou(n)   
		   //补0 当时间是09:02，显示为9:2 所以需要补0，让格式一直为09:02
		   //补0且显示为字符串
		   {
		   	 if(n<10)
		   	 {
		   	 	return '0'+n;
		   	 }
		   	 else{
		   	 	return ''+n;   //''的作用是确定返回值是字符串
		   	 }
		   }
			window.οnlοad=function()
			{
				var aImg=document.getElementsByTagName('img'); 
				
				function tick(){       
					var oDate=new Date();  //创建日期对象  获取当前时间
				
				    var str=toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds()); //将获取的时间用字符串表示
				 
				    for(var i=0;i
   
   
	
		
    
    
		
    
    
		:
		
    
    
		
    
    
		:

实现结果是这样的

这是实现当前日历和星期的



	
		
   
   
		年
		<script type="text/javascript">
		
		var g_aWeekName=["one","two","three","four","five","six","seven"];
		
		
		function toDou(n){
			if(n<10)
			{
				return '0'+n;
			}
			else 
			{
				return ''+n;
			}

		}
		function weak(n){
			return ''+n;  //使返回值为字符串
		}
			window.οnlοad=function()
			{
				var aImg=document.getElementsByTagName('img');
				function tick(){
					var oDate=new Date();
					//获取时间并用数组表示 如201708185 最后一位是星期
					var str=toDou(oDate.getFullYear())+toDou(oDate.getMonth()+1)+toDou(oDate.getDate()+weak(oDate.getDay()));
					for(var i=0;i
   
   
	
		
    
    
		
    
    
		
    
    
		
    
    
		年
		
    
    
		
    
    
		月
		
    
    
		
    
    
		日
		
    
    

		星期