js 倒计时 不支持火狐

最新推荐文章于 2024-08-07 22:13:00 发布
最新推荐文章于 2024-08-07 22:13:00 发布
阅读量254 收藏
点赞数
分类专栏： javaWeb杂记 文章标签： xhtml function html 360 null
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>实时倒计时</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
</head>
<body>
<!--单位：秒-->
剩余时间：<span id="endtime">10</span>
</body>
</html>
<script type="text/javascript">
var CID = "endtime";
if(window.CID != null)
{
    var iTime = document.getElementById(CID).innerText;
    var Account;
    RemainTime();
}
function RemainTime()
{
    var iDay,iHour,iMinute,iSecond;
    var sDay="",sHour="",sMinute="",sSecond="",sTime="";
    if (iTime >= 0)
    {
        iDay = parseInt(iTime/24/3600);
        if (iDay > 0)
        {
            sDay = iDay + "天";
        }
        iHour = parseInt((iTime/3600)%24);
        if (iHour > 0){
            sHour = iHour + "小时";
        }
        iMinute = parseInt((iTime/60)%60);
        if (iMinute > 0){
            sMinute = iMinute + "分钟";
        }
        iSecond = parseInt(iTime%60);
        if (iSecond >= 0){
            sSecond = iSecond + "秒";
        }
        if ((sDay=="")&&(sHour=="")){
            sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
        }
        else
        {
            sTime=sDay+sHour+sMinute+sSecond;
        }
        if(iTime==0){
            clearTimeout(Account);
              sTime="<span style='color:green'>时间到了！</span>";
        }
        else
        {
            Account = setTimeout("RemainTime()",1000);
        }
        iTime=iTime-1;
    }
    else
    {
            sTime="<span style='color:red'>倒计时结束！</span>";
    }
    document.getElementById(CID).innerHTML = sTime;
}
</script>
jany13800138000
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js倒计时
水墨青花的博客
09-11 245
"text/javascript" src="js/jquery.min.js"> "text/javascript"> var intDiff = parseInt(60);//倒计时总秒数量 function timer(intDiff){     window.setInterval(function(){     var day=0,         h
js 倒计时
一阵云翳✲
06-04 319
倒计时思想：用结束时间减去开始时间（当前时间）所得到的毫秒进行转换为秒，再依次转换取得对应的天时分秒，连接字符串innerHTML到对象中，封装函数，开启定时，每隔一秒执行函数&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;倒计时&lt;/title&gt;
火狐浏览器下JS代码不兼容setTimeout函数失效无效不运行执行的解决办法
weixin_34018169的博客
11-14 505
今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测，发现登陆成功后执行页面跳转函数这段JavaScript（JS）代码特效在IE和谷歌浏览器Chrome下都可以很好地执行，兼容性还不错。结果到了火狐（FireFox）浏览器下setTimeout这个JS内置函数不执行了，无效了，也没报错！打开FireBUG指望它能检测出JS的错误，结果没用...Javascript(JS)脚本代码在各...
scroll滚动事件在浏览器中无效
热门推荐
wjq_xxq的博客
05-03 1万+
因为兼容性问题scrollTop 被卷去的头部 它就是当你滑动滚轮浏览网页的时候网页隐藏在屏幕上方的距离怎么得到scrollTopwindow.onscroll = function() { 页面滚动语句 } 1.谷歌浏览器 和没有声明 DTD ： document.body.scrollTop; 2.火狐 和其他浏览器 (就是document.html.scrollto
JS节日倒计时器(兼容Firefox/IE)
09-24
在这个“JS节日倒计时器”项目中，开发者利用JS实现了一个功能，可以显示到特定节日的倒计时，同时兼容Firefox和Internet Explorer（IE）两种浏览器。这种跨浏览器的兼容性对于提升用户体验至关重要，因为不同的用户...
leftTime.js倒计时插件
09-23
总结以上，"leftTime.js"倒计时插件结合了JavaScript时间处理、定时器、DOM操作等技术，为网页开发者提供了一种便捷的倒计时解决方案，其易用性和灵活性使得它在实际项目中颇具价值。通过阅读提供的博文和尝试其示例...
VanillaJS 中自定义倒计时应用程序源代码
02-29
自定义倒计时应用程序是使用 JavaScript 编程语言开发的。这是一个用户友好的应用程序，可以自由定制以满足您的需求。此应用程序的目的是帮助您自定义特定时间的事件。该应用程序要求您设置一定的时间才能开始计算...
VanillaJS 中的圣诞节倒计时应用程序源代码
02-29
圣诞倒计时应用程序是使用 JavaScript 编程语言开发的。这是一个用户友好的应用程序，可以自由定制以满足您的需求。此应用程序的目的是提醒您圣诞节即将来临。当您在任何 Web 浏览器中打开应用程序时，倒数计时器将...
网站施工倒计时响应式网页模板
01-22
6. 浏览器兼容性：开发者需要确保模板在主流浏览器（如Chrome、Firefox、Safari、Edge等）上正常工作，这可能需要对代码进行兼容性测试，并使用polyfills或条件注释来解决不支持的特性。 7. SEO优化：良好的响应式...
XHTML 简介
wjs2024的博客
08-02 424
XHTML，即“可扩展超文本标记语言”（eXtensible HyperText Markup Language），是一种基于XML的标记语言，旨在取代HTML作为网页内容的标准格式。XHTML继承了HTML的许多特性，但更加严格和规范，要求文档结构更加严谨，标签和属性必须正确嵌套和闭合。这种严格性使得XHTML文档更加易于解析，也更适合在不同的设备和平台上展示。
HTML-05新浪新闻-正文-排版
程小白的博客
08-03 220
【代码】【无标题】
Html详解——Vue基础
最新发布
敲厉害的燕宝的博客
08-07 727
是一种用来。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。正如标题所示，本文将对 HTML 及其功能做一个基本介绍。HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。
JavaWeb-HTML
m0_50460160的博客
08-04 1014
但是HTML技术则通过HTML标签把其他网页、图片、音频、视频等各种多媒体资源引入到当前网页中，让网页有了非常丰富的呈现方式，这就是超文本的含义——本身是文本，但是呈现出来的最终效果超越了文本。head>标签(双标签)用于定义文档的头部，其他头部元素都放在head标签里，头部元素包括标签、script标签、style标签、link标、标签;html>标签(双标签)是整个文档的根标签，所有其他标签都必须放在html标签里面。
html制作卡通图案代码,使用HTML和CSS3绘制基本卡通图案的示例分享
爱敲代码的卡拉米的博客
08-03 512
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
【前端编程小白】的HTML从零入门到实战
xingyu_qie的专栏
08-02 1532
之前有读了博客，想让我帮他找一些前端入门的内容，他们报的计算机专业，，我给他推荐了一些菜鸟教程呀什么的。后来想，看来还是很多人需要一些更加入门的可成的，而且很多教程不够实战，HTML章节都是匆匆而过。所以我想着，自己也写一些，基础的，加上实战的，希望可以帮助，想从零基础，到实战的小伙伴们。
【html】用html和JavaScript实现一个调色盘（可以用来生成纯色桌面背景）
weixin_56334307的博客
08-04 887
1.通过JavaScript 常见三个滑动条，设置范围（0-255），分别表示 r g b2.将 r g b 转为颜色，并设置为画布的背景颜色3.通过浏览器开发者工具截取节点屏幕截图并保存4.设为桌面背景。
HTML-07.表格标签
程小白的博客
08-04 279
【代码】HTML-07.表格标签。
社保薪酬与个税平衡策略.pptx
08-07
社保薪酬与个税平衡策略.pptx
javascript倒计时
12-12
以下是一个JavaScript倒计时的例子： ```javascript // 获取所有的span元素 var spans = document.querySelectorAll('span'); // 设置倒计时结束时间 var endTime = new Date('2022-10-1 12:00:00').getTime(); //...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值