H5页面倒计时代码（解决safari不兼容date的问题）

女爷i 2022-04-17 04:59 164阅读 0赞

# [H5页面倒计时代码（解决safari不兼容date的问题）][H5_safari_date] #

<div class="aTime">  
    	    <em id="t_d"></em>  
    	    <em id="t_h"></em>  
    	    <em id="t_m"></em>  
    	   <em id="t_s"></em>  
    	</div>

1. <script type="text/javascript">  
    	2.  function GetRTime(){  
    	3.   var end = "<?php echo $info['end_date']; ?>"+" 23:59:59";  
    	4.   var EndTime= new Date(end);  
    	5.   var NowTime = new Date();  
    	6.   var t =EndTime.getTime() - NowTime.getTime();  
    	7.   var d=0;  
    	8.   var h=0;  
    	9.   var m=0;  
    	10.   var s=0;  
    	11.   if(t>=0){  
    	12.    d=Math.floor(t/1000/60/60/24);  
    	13.    h=Math.floor(t/1000/60/60%24);  
    	14.    m=Math.floor(t/1000/60%60);  
    	15.    s=Math.floor(t/1000%60);  
    	16.   }  
    	17.   document.getElementById("t_d").innerHTML = d;  
    	18.   document.getElementById("t_h").innerHTML = h;  
    	19.   document.getElementById("t_m").innerHTML = m;  
    	20.   document.getElementById("t_s").innerHTML = s;  
    	21.  }  
    	22.  setInterval(GetRTime,1000);  
    	23. </script>

[H5_safari_date]: http://wmcxy.iteye.com/blog/2387076

发表评论取消回复

表情：

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

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

相关阅读

相关 html倒计时的代码！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

╰半橙微兮°/ 2023年01月19日 03:05/ 0 赞/ 251 阅读

相关实现H5短信验证码倒计时

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

àì夳堔傛蜴生んèń/ 2023年01月03日 01:44/ 0 赞/ 322 阅读

相关 js倒计时刷新页面不受影响

转自：[https://blog.csdn.net/gqzydh/article/details/102797669][https_blog.csdn.net_gqzydh_a

左手的ㄟ右手/ 2022年11月20日 09:34/ 0 赞/ 277 阅读

相关页面多个倒计时

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

末蓝、/ 2022年05月13日 11:16/ 0 赞/ 278 阅读

相关解决IE兼容H5的问题

Html5提供的一些新多媒体标签（header,article,aside,section,nav,figure,menu,footer）使用起来非常的方便，但是低版本的IE浏

清疚/ 2022年05月11日 04:42/ 0 赞/ 383 阅读

相关 H5拼单弹框,时间倒计时

1:HTML代码 <a class="mui-pull-right seemore" onclick="show_more()">查看更多</a> 2:弹框内容

àì夳堔傛蜴生んèń/ 2022年04月17日 07:08/ 0 赞/ 570 阅读

相关 H5页面倒计时代码（解决safari不兼容date的问题）

[H5页面倒计时代码（解决safari不兼容date的问题）][H5_safari_date] <div class="aTime"> <e

女爷i/ 2022年04月17日 04:59/ 0 赞/ 165 阅读

相关日期 + 倒计时 + Date对象

用函数封装日期 // 用函数封装日期 function data() { var date = new

喜欢ヅ旅行/ 2022年01月05日 04:21/ 0 赞/ 305 阅读

相关简易的倒计时代码

在一些活动项目中，大多会涉及倒计时。以下为倒计时代码，供小白参考。关键词：计时器、时间差具体代码如下： <!DOCTYPE html> <

我会带着你远行/ 2021年09月15日 12:04/ 0 赞/ 437 阅读

相关禁止刷新页面倒计时

第一种： <SCRIPT LANGUAGE="JavaScript"> var intDiff; function gradeId(g

素颜马尾好姑娘i/ 2021年07月24日 12:03/ 0 赞/ 537 阅读