当前位置:首页 » 网页前端 » 前端倒计时
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端倒计时

发布时间: 2022-01-14 06:46:28

❶ 求一款能一直前端显示的倒计时器

这个可以,只要不关闭IE就行。

❷ 按F12可以看到倒计时数据以及字符串,但是网页上就是不显示

你的img的路径好像是有些问题,所以在一半浏览器上img不显示的话,会撑开父级元素,然后你img旁边的倒计时的 span 就无法显示了。

完善 img 路径。在css 上定好img和span 标签的行内属性和定位问题。

❸ 前端两个倒计时 为什么下面那个不走 jquery

不明白什么情况,运行没有问题啊

--------

<scriptsrc="http://libs..com/jquery/1.6.0/jquery.min.js"></script>
<script>
functionplay(){
// varYear_1=2015;//$(".date_details_eddinput").eq(0).val();//获取输入的年
varYear_1=$(".date_details_eddinput").eq(0).val();//获取输入的年
// varMonth_1=6;//$(".date_details_eddinput").eq(1).val();//获取输入的月
varMonth_1=$(".date_details_eddinput").eq(1).val();//获取输入的月
// varDay_1=12;//$(".date_details_eddinput").eq(2).val();//获取输入的天
varDay_1=$(".date_details_eddinput").eq(2).val();//获取输入的天
varendDate=newDate();//创建时间对象
varend_nextDate=newDate();//创建时间对象
//设置结束时间
end_nextDate.setFullYear(Year_1);
end_nextDate.setMonth(Month_1-1);
end_nextDate.setDate(Day_1);
end_nextDate.setHours(0);
end_nextDate.setMinutes(0);
end_nextDate.setSeconds(0);
vars=(end_nextDate.getTime()-endDate.getTime())/1000;//时间差的秒数
varday=Math.floor(s/86400);//获取天数
s=s%86400;
varhours=Math.floor(s/3600);
s=s%3600;
varminutes=Math.floor(s/60);
s=s%60;
vars4=s;
if(day<=0&&hours<=0&&minutes<=0&&s4<=0){
alert(1)
clearInterval(timer);
}else{
$(".end_timespan").eq(0).html(fullZero(day,2)); //赋值天数
$(".end_timespan").eq(1).html(fullZero(hours,2));//小时
$(".end_timespan").eq(2).html(fullZero(minutes,2));//分钟
$(".end_timespan").eq(3).html(fullZero(s4,2));//秒
}
}
vartimer=setInterval(play,1000);
//给时间前面补0
functionfullZero(_time,n){
varstr=""+_time;
while(str.length<n){
str="0"+str;
}
returnstr;
};
</script>
<style>.date_details_eddinput{text-align:center;}</style>
<divclass="date_details_edd">
<inputtype="text"value="2015">年
<inputtype="text"value="5">月
<inputtype="text"value="12">日
</div>
<divclass="end_time">
距离活动结束还有:<span>0</span><strong>天</strong><span>0</span><strong>小时</strong><span>0</span><strong>分</strong><span>0</span><strong>秒</strong>
</div>

❹ javascript代码,在页面实现倒计时,但不随页面刷新而刷新。

实现倒计时很容易,关键是你要求刷新页面,不能停止倒计时
1、使用iframe,嵌入页面,父页上执行js操作,这样子页面刷新后会接着显示倒计时;
2、在后台实现,如使用java的timer类来实现倒计时,前台通过ajax获取倒计时结果,无论前端页面怎么刷新,不会停止倒计时
前端的好写,简单写下,仅供参考
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body onLoad="startCount()" onUnload="fromClose()">
<iframe id="myFrame" src="innerPage.html" height="500" width="500"></iframe>
</body>
</html>
<script>
var timer;
var count=10;
function startCount(){
timer=window.setInterval("myTimeBack()",1000);
}
function myTimeBack(){
myFrame.document.getElementById("myInput").value=count;
count=count-1;
if(count==0)
count=10;
}
function fromClose(){
clearInterval(timer);
}
</script>
//嵌入的页面innerPage.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<input type="text" value="" id="myInput" style="width:50">
<button onClick="refeshFrame()" style="width:80">refresh</button>
</body>
</html>
<script>
function refeshFrame(){
this.location.href=this.location.toString();
}
</script>

❺ 倒计时器可以永远处在PPT前端,想用时点击便可启动倒计时。

在视图--母板--幻灯片母板里 插入swf即可 具体方法如下
使用“Shockwave Flash Object”控件法
1. 运行PowerPoint 2003,切换到要插入Flash动画的幻灯片。
2. 单击“视图”菜单,在弹出的下拉菜单中单击“工具栏”,再在弹出的子菜单中单击“控件工具箱”,便出现“控件工具箱” 。
3. 单击“控件工具箱”中的“其他控件”(工具箱中的最后一个按钮,即锤子图案的),弹出ActiveX控件窗口,在控件列表中找到“Shockwave Flash Object”并单击,此时系统会自动关闭控件窗口。
4. 将光标移动到PowerPoint的编辑区域中,光标变成“十”字形,按下鼠标并拖动,画出适当大小的矩形框,这个矩形区域就是播放动画的区域。
5. 右单击矩形框,在出现的快捷菜单中单击“属性”,出现“属性”窗口。
6. 单击“属性”窗口中的“自定义”一栏,此栏右端便出现一按钮。单击该按钮,出现“属性页”窗口,在“影片URL[M]”右侧文本框中输入Flash动画的完整路径(如果Flash动画与PowerPoint文件处于同一目录中,也可以只输入Flash动画文件名),且必须带后缀名“.swf”。建议使用相对路径 就是相对于ppt的位置 这样你转到别的电脑时,不会找不到swf文件 别的项目采用系统默认的即可,最后按“确定”返回PowerPoint。
7. 放映该幻灯片,你所期待的画面就出现了。
提示:
1. 使用该方法的前提是系统中须有“Shockwave Flash Object”控件。这个问题不用担心,此控件绝大多数机器中都已安装。
2. 在步骤5中双击矩形框也可以打开“属性”窗口。
3. 也可以在“属性”窗口“Movie”一栏右侧的文本框中直接输入Flash动画的路径,而不用步骤6自定义的方式。
4. 设定的矩形框的大小就是放映时动画窗口的大小,当然它的大小是可以通过拖动矩形框的句柄
随意改变的。Flash动画播放时,鼠标处在Flash播放窗口,响应Flash的鼠标事件;处在Flash播放窗口外,响应PowerPoint的鼠标事件。
赞同
0| 评论

❻ 求一个ppt倒计时器要可以自定义时间和提示时间加提示音,翻页不会停总在最前端,能调整大小的。

有个小工具PPTTimer,下载地址很多,比如新浪这里http://ishare.iask.sina.com.cn/f/11080295.html?from=like

❼ 初学javascript,要求编写一个倒计时,格式如00:00:00该怎么实现时间是自己设定,想设置多少秒就多少秒

我也是业余爱好者, 以下试编写脚本如下:

<html>
<head>
<title>倒计时测试</title>
<script language="JavaScript">
var DifferenceHour = -1;
var DifferenceMinute = -1;
var DifferenceSecond = -1;
var Tday = new Date(2012,2,10,22,0,0,0); //倒计时时间点-年,月,日,时,分,秒,毫秒
var DAY_MS = 24 * 60 * 60 * 1000;
var HOUR_MS = 60 * 60 * 1000;
var SECOND_MS = 60 * 1000;
var MS = 1000;
function formatstr(value)
{
return (value<9)?"0"+value:value;
}
function clock()
{
var time = new Date();
if(Tday.getTime()<time.getTime())
{
alert("当前倒计时已终止!");
return;
};

var nowtime = time.toLocaleString();
var totime = Tday.toLocaleString();

var Diffms = Tday.getTime() - time.getTime(); //毫秒差
DifferenceHour = Math.floor(Diffms / DAY_MS); //转换成小时
Diffms -= DifferenceHour * DAY_MS;
DifferenceMinute = Math.floor(Diffms / HOUR_MS); //转换成分钟
Diffms -= DifferenceMinute * HOUR_MS;
DifferenceSecond = Math.floor(Diffms / SECOND_MS); //转换成秒
Diffms -= DifferenceSecond * SECOND_MS;
var dSecs = Math.floor(Diffms / MS); //转换成毫秒

var havetime = formatstr(DifferenceMinute)+" : "+formatstr(DifferenceSecond)+" : "+formatstr(dSecs);

document.formnow.totime.value = totime;
document.formnow.nowtime.value = nowtime;
document.formnow.havetime.value = havetime;

setTimeout("clock()",1000);
}
</script>
</head>
<!--BODY里面的ONLOAD注意-->
<body onload="clock();return true" text="red">
<!--实现显示-->
<form name="formnow">
<!--input name="dd" type="text" style="border:0;" size=2>
天-->
设定时间:
<input name="totime" type="text" style="border:0;" size=25 />
<br />
当前时间:
<input name="nowtime" type="text" style="border:0;" size=25 />
<br /><br />
倒计时时间:
<input name="havetime" type="text" style="border:0;" size=25 />
<br />
</form>

❽ 求ppt倒计时软件,永置在PPT前端,不会影响PPT放映,最好有提示音

PPT里面有个计时的功能,不行的话就去下载个小插件,记得跟小,网上搜一下就好了,调试好,不过尽量别弄声音,会影响到报告效果

❾ countdown.js 判断倒计时怎么结束

是本地页面时间,前端一般获取的都是本地时间。 JQuery CountDown里面都是通过new Date的方式和setInterval定时方式进行的。 一般countdown的初始时间最好是从服务器给定,然后倒计时。

❿ 求一款倒计时软件!!!

哥们你好,你的意思我现在还不是完全理解,不过按照我的想法,可以做两个PPT,你一个ppt用来计时,一个用来播放你需要讲解的内容。但是这两个不能同步(不能在同一张画面里面显示),可以在不退出PPT的前提下进行相互之间切换,可以先前做好排练计时,这样也许会更好,希望对你有帮助。加油!