javascript倒计时

阳光穿透心脏的1/2处 2022-01-26 15:01 263阅读 0赞

<script type="text/javascript">
    		
    		clock();//一开始来去初始化倒计时
    		
    		setInterval(clock,1000)
    		
    		function clock () {
    			//这里是给当前创建的时间对象 一个具体的日期
    			var targetTime = new Date('2019-05-30 00:00:00');
    			//创建当前时间对象
    			var nowTime = new Date();
    			//可以通过两个时间直接相减  来去得两个时间相差的  毫秒数
    			//两者相减可以得到相应相差多少毫秒值
    			//除于1000  就能够得到 相差的秒数
    			var time = (targetTime - nowTime)/1000;
    			
    			var t = parseInt(time/86400);//相差的天数
    			//9.5小时
    			var hr = parseInt(time%86400/3600);//剩余时间可以转化为多少整数小时
    			
    			var min = parseInt(time%3600/60);//剩余时间可以转化为多少整数分钟
    			
    			var sec = parseInt(time%60);//剩余时间可以转化为多少整数秒
    			
    			var str = '当前时间到2019年5月30号零点还有'+t+'天'+' '+hr+'时'+min+'分'+sec+'秒';
    			
    			document.body.innerHTML = str;
    		}
    		
    		
    		//console.log(sec);
    		
    		
    		
    		
    		//console.log(targetTime - nowTime)
    		
    		//console.log(1559145600000 - 1557901417000)
    		
    		
    		//console.log(nowTime.getHours());//输出日期
    		
    		//如果说要理解这个倒计时的原理  应该先知道  时间戳
    		
    		//时间戳  是代表1900  到目标时间的  毫秒数
    		//比如说  1900 到 2019-05-30 00:00:00 的毫秒数  1559145600000
    		//1900 到 2019-05-15 14:13:31  1557900811000  
    		//这一段数值 就是哪个时间点 相应的时间戳
    		
    		//如果5月30号的时间戳 -  5月15号的时间戳 = 两个时间点  相差的毫秒数  time
    		
    		//一天是 86400s  86400000ms
    		
    		//parseint(time/86400000) = 相差的天数
    		//parseint time%86400000/3600000 = 小时
    		//parseint time%3600000/60 = 分钟
    		//parseint time%60 = 秒数
    		
    		
    		
    		
    	</script>

<script type="text/javascript">
    // 时钟
                 ou();
    
              setInterval(ou,1000)
    
           function ou(){
               var time = new Date();
               var a = time.getFullYear();
               var b = time.getMonth()+1;
               var c = time.getDate();
               var d = time.getHours();
               var e = time.getMinutes();
               var f = time.getSeconds();
               var g = time.getDay();
               var week = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
               var str = a+'/'+b+'/'+c+' '+getStr(d)+':'+getStr(e)+':'+getStr(f);
               document.body.innerHTML=str+week[g];
            //    document.body.innerHTML = week[c];
            }
               function getStr (num) {
    			num = num<10? '0'+num : num;
    			return num;
            }
            
    
    //   倒计时
    
            var localTime = new Date('2019-05-30 00:00:00');
            var nowTime = new Date();
            var time = (localTime-nowTime)/1000;
          
    
    
    
    
    
    
    
    // 字符串
                var str='string';
                var str2 = 'FBVZFB'
                var str1=String('string');
                console.log(str.length);
                console.log(str.charAt(1));
    // charCodeAt编码值
                console.log(str.charCodeAt(0));
                console.log('a'>'3');
                console.log(str.indexOf('g'));
                console.log(str.substring(1,5));
                console.log(str2.toLowerCase());
                console.log(str.toUpperCase());
            
    
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关倒计时javascript

<script type="text/javascript"> var serverTime = <?php echo time();?> 1000;

ゝ一纸荒年。/ 2023年08月17日 15:15/ 0 赞/ 80 阅读

相关 [JavaScript]js实现倒计时

<body> <time></time> <script> function isDate() {

逃离我推掉我的手/ 2022年11月29日 00:59/ 0 赞/ 219 阅读

相关 JavaScript 实现倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

超、凢脫俗/ 2022年11月27日 12:13/ 0 赞/ 177 阅读

相关 JavaScript 倒计时

<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf8"

淩亂°似流年/ 2022年07月11日 13:28/ 0 赞/ 165 阅读

相关 Javascript实现秒表倒计时

![这里写图片描述][SouthEast] -------------------- <html> <body> <span id="cl

红太狼/ 2022年06月12日 08:59/ 0 赞/ 196 阅读

相关 Javascript实现时间倒计时

这里使用的是Date日期类 <!DOCTYPE html> <html> <head> <meta charset="

蔚落/ 2022年06月12日 03:55/ 0 赞/ 277 阅读

相关 javascript倒计时

<script type="text/javascript"> clock();//一开始来去初始化倒计时 setI

阳光穿透心脏的1/2处/ 2022年01月26日 15:01/ 0 赞/ 264 阅读

相关 JavaScript倒计时

<h3 id="countDate"></h3> <script> function countTime(targetDate) {

冷不防/ 2022年01月20日 07:57/ 0 赞/ 253 阅读

相关 javascript 倒计时天、小时、分钟、描述的倒计时代码

调用方法 var _TimeCountDown = new TimeCountDown("sttime1",{ startTime:'2016-07-30

缺乏、安全感/ 2021年12月22日 16:29/ 0 赞/ 371 阅读

相关 javascript实现奥运倒计时代码

js实现奥运倒计时代码转自: Js中国 [http://javascriptxml.5d6d.com/thread-4-1-1.html][http_javascri

逃离我推掉我的手/ 2021年11月22日 10:12/ 0 赞/ 294 阅读