js实现 页面显示系统时间（中文显示星期）、动态倒计时页面跳转

最新推荐文章于 2023-03-28 19:40:04 发布
最新推荐文章于 2023-03-28 19:40:04 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： Html 
/**
 * 页面动态显示系统时间
 */
	function current() {
		var d = new Date(), str = '';
		var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五",
				"星期六");
		var week = arr_week[d.getDay()]; //获取中文的星期 

		str += d.getFullYear() + '年'; //获取当前年份 
		str += d.getMonth() + 1 + '月'; //获取当前月份（0——11） 
		str += d.getDate() + '日';
		str += d.getHours() + '时';
		str += d.getMinutes() + '分';
		str += d.getSeconds() + '秒';
		str += ' ' + week; //中文星期 
		return str;
	}
	setInterval(function() {
		$("#nowTime").html(current)
	}, 0);


页面定时跳转参考：http://blog.csdn.net/flywindmouse/article/details/17162043
<pre name="code" class="javascript">/**
 * 动态倒计时页面跳转
 */
	function countDown(secs, surl) {
		var jumpTo = document.getElementById('jumpTo');
		jumpTo.innerHTML = secs;
		if (--secs > 0) {
			setTimeout("countDown(" + secs + ",'" + surl + "')", 1000);
		} else {
			location.href = surl;
		}
	}
使用：
<pre name="code" class="html"><body>
	<span id="nowTime" style="font-weight:bolder; "></span>
	<h1>提交成功</h1>
	<a href="index.jsp"><span id="jumpTo">10</span>秒后系统会自动跳转，也可点击本处直接跳</a>
	<script type="text/javascript">
		countDown(10, 'index.jsp');
	</script>
</body>


 


                

        

        

    




    

      

        

            

              
                
                  请叫我刘大神丶
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
在页面上显示日期，星期和时间(HTML经典用例)

				
			

			

				

					09-08
				

			

		

		

			
				
更多资源请查看: http://download.csdn.net/user/njzdl

			
		

	



                

              
                



	

		

			

				
					
（Date）打开页面的时候在页面上使用中文显示当天的日期和星期（即“星期几“）

				
			

			

				

					m0_47046403的博客
				

				

					08-06
					
					666
					
				

			

		

		

			
				
代码】（Date）打开页面的时候在页面上使用中文显示当天的日期和星期（即“星期几“）

			
		

	



                


  
              

                


	

		

			

				
					
用JavaScript编制显示日期和中文星期　

				
			

			

				

					dt110220的专栏
				

				

					04-27
					
					720
					
				

			

		

		

			
				
显示计算机系统日期和中文星期是主页中常用到的技巧，系统日期和中文星期往往会起到画龙点睛的效果。Microsoft FrontPage 98中只能显示出上次修改此页的日期和上次自动更新此页的时间，而在下面例子中，你只要根据需要，将“显示中文星期和系统日期函数”放在〈head〉 〈/head〉节中，将例子程序插入到自己的网页文件中的适当位置，就会显示出计算机系统日期和中文星期。 　　显示中文星期和系统

			
		

	





	

		

			

				
					
js练习5(中文显示星期几)

				
			

			

				

					weixin_34123613的博客
				

				

					01-22
					
					100
					
				

			

		

		

			
				

&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;显示中文的星期几&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div id="showDay"&gt;&lt;/div&gt;
        &lt;scri

			
		

	



		

			
		



	

		

			

				
					
用JavaScript编制显示日期和中文星期

				
			

			

				

					guduxiaolong的专栏
				

				

					05-07
					
					1282
					
				

			

		

		

			
				
 　显示计算机系统日期和中文星期是主页中常用到的技巧，系统日期和中文星期往往会起到画龙点睛的效果。Microsoft FrontPage 98中只能显示出上次修改此页的日期和上次自动更新此页的时间，而在下面例子中，你只要根据需要，将“显示中文星期和系统日期函数”放在〈head〉 〈/head〉节中，将例子程序插入到自己的网页文件中的适当位置，就会显示出计算机系统日期和中文星期。 　　显示中文星期和

			
		

	





	

		

			

				
					
JavaScript实现倒计时跳转页面功能【实用】

				
			

			

				

					10-20
				

			

		

		

			
				
在本文中，我们将探讨如何使用JavaScript实现一个倒计时跳转页面的功能，这在许多网页应用中非常常见，比如表单提交后的确认页面。  首先，我们需要在HTML页面中设置一个用于显示倒计时的元素，通常是`<span>`或`...

			
		

	





	

		

			

				
					
Javascript倒计时页面跳转实例小结

				
			

			

				

					10-26
				

			

		

		

			
				
总结来说，JavaScript实现倒计时页面跳转的核心在于利用`setInterval`或`setTimeout`设置定时任务，结合日期对象（`Date`）计算剩余时间，并在时间到点时执行跳转。通过巧妙地设计逻辑，可以实现各种各样的倒计时...

			
		

	





	

		

			

				
					
asp.net中倒计时自动跳转页面的实现方法(使用javascript)

				
			

			

				

					10-27
				

			

		

		

			
				
本篇文章介绍了，asp.net中倒计时自动跳转页面的实现方法(使用javascript)。需要的朋友参考下

			
		

	





	

		

			

				
					
Android实现倒计时结束后跳转页面功能

				
			

			

				

					08-28
				

			

		

		

			
				
总结来说，Android中实现倒计时并跳转页面的功能主要涉及以下几个关键点： 1. 使用`Handler`对象来处理倒计时过程中的消息。 2. 定义一个`Runnable`对象来执行倒计时逻辑，包括更新UI和判断是否结束倒计时。 3. 在倒...

			
		

	





	

		

			

				
					
js实现浏览器倒计时跳转页面效果

				
			

			

				

					10-21
				

			

		

		

			
				
主要为大家详细介绍了js浏览器倒计时跳转页面效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
js 特效 html 特效 全中文日期显示

				
			

			

				

					08-23
				

			

		

		

			
				
js 特效 html 特效 全中文日期显示
js 特效 html 特效 全中文日期显示

			
		

	





	

		

			

				
					
js 实现 中文日期样式

				
			

			

				

					03-30
				

			

		

		

			
				
js 实现 中文日期样!
值得下载看看!资源免费,大家分享!!

			
		

	





	

		

			

				
					
javascript利用Date()格式化转换年月日时分秒

				
			

			

				

					David的博客
				

				

					09-13
					
					6394
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Comp...

			
		

	





	

		

			

				
					
显示中文格式的日期、星期几

				
			

			

				

					weixin_33851429的博客
				

				

					01-17
					
					677
					
				

			

		

		

			
				
//该语句显示的为英文格式DateTime.Now.DayOfWeek.ToString();//显示中文格式星期几"星期" + DateTime.Now.ToString("ddd",newSystem.Globalization.CultureInfo("zh-cn"));

//显示中文格式的日期DateTime.Now.ToLongDateString();// 显示...

			
		

	





	

		

			

				
					
html倒计时中文显示错误,倒计时 - HTML - php中文网博客

				
			

			

				

					weixin_32365777的博客
				

				

					06-20
					
					91
					
				

			

		

		

			
				
html>倒计时functioncountTime(){varcurrentDate=newDate();varnowStamp=currentDate.getTime()vartimeStr='2019/01/0100:00:00';varandDate=newDate(timeStr);varandStamp=andDate.getTime();v...

			
		

	





	

		

			

				
					
JavaScript 获取中文星期

					
热门推荐

				
			

			

				

					
				

				

					05-21
					
					14万+
					
				

			

		

		

			
				
JavaScript 获取中文星期


/**
 * 功能：获取中文星期
 * 参数：date日期类型
 */
function getChineseWeek(date) {
	if (!(date instanceof Date)) {
		return date + " not a Date";
	}
	var weekName = new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"...

			
		

	





	

		

			

				
					
用js实现在页面上显示当前时间（包括年月日，24小时制）

				
			

			

				

					ortianwang的博客
				

				

					03-28
					
					1342
					
				

			

		

		

			
				
【代码】用js实现在页面上显示当前时间（包括年月日，12小时制）

			
		

	





	

		

			

				
					
用js实现倒计时并跳转百度界面

				
			

			

				

					耗子尾汁的博客
				

				

					07-10
					
					616
					
				

			

		

		

			
				
用js实现倒计时并跳转百度界面

			
		

	





	

		

			

				
					
JS实现倒计时结束后跳转到指定页面

				
			

			

				

					@芈文 的博客
				

				

					12-03
					
					1492
					
				

			

		

		

			
				
<body>

   <p><span id="con">3</span>秒后页面跳转<p>

</body>

<script>

    var con = document.getElementById("con");

    var i = 3;

    var num ...

			
		

	





	

		

			

				
					
用js 实现时间倒计时功能，倒计时10秒后，跳转到百度。页面要动态显示剩余时间

					
最新发布

				
			

			

				

					05-17
				

			

		

		

			
				
可以使用 `setInterval` 方法来实现倒计时功能，并在页面上动态显示剩余时间。下面是一个示例代码：

HTML 代码：

```html
<div>
  倒计时：<span id="countdown"></span> 秒
</div>
```

JavaScript 代码：

```javascript
// 倒计时秒数
var countdownSeconds = 10;

// 获取页面上的倒计时元素
var countdownElement = document.getElementById('countdown');

// 更新倒计时元素的显示
function updateCountdown() {
  countdownElement.innerText = countdownSeconds;
}

// 开始倒计时
var countdownInterval = setInterval(function() {
  countdownSeconds--;
  updateCountdown();
  if (countdownSeconds <= 0) {
    clearInterval(countdownInterval);
    window.location.href = 'https://www.baidu.com';
  }
}, 1000);
```

代码解释：

1. 首先定义了一个 `countdownSeconds` 变量，表示倒计时的秒数。
2. 然后获取页面上的倒计时元素，并定义了一个 `updateCountdown` 函数，用于更新倒计时元素的显示。
3. 接着使用 `setInterval` 方法来开启一个定时器，每秒钟执行一次回调函数。
4. 在回调函数里面，将 `countdownSeconds` 减去 1，然后调用 `updateCountdown` 函数来更新倒计时元素的显示。
5. 如果 `countdownSeconds` 小于等于 0，就清除定时器，并跳转到百度页面。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值