當前位置:首頁 » 網頁前端 » 前端倒計時
擴展閱讀
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的前提下進行相互之間切換,可以先前做好排練計時,這樣也許會更好,希望對你有幫助。加油!