A. js 倒計時10秒代碼怎麼弄要顯示
function dianji(){
var num=10
name = setInterval(function() {
$("#" + id).html(num);// 你倒來計時顯示的地源方元素
num--;
if(num==0){
clearInterval(name);
}
}
}, 1000);
}
按鈕里加個onclick方法 然後執行這個函數
B. JS 5秒倒計時的代碼怎麼寫時間要實時顯示在屏幕上的。
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>js實現倒計時60秒的簡單代碼(推薦)</title>
<scripttype="text/javascript"src="js/jquery.js"></script>
</head>
<body>
<inputtype="button"id="btn"value="免費獲取驗證碼"onclick="settime(this)"/>
<scripttype="text/javascript">
varcountdown=60;
functionsettime(val){
if(countdown==0){
val.removeAttribute("disabled");
val.value="免費獲取驗證碼";
countdown=5;
}else{
val.setAttribute("disabled",true);
val.value="重新發送("+countdown+")";
countdown--;
setTimeout(function(){
settime(val)
},1000)
}
}
</script>
</body>
</html>
C. 求一段代碼和js,一個頁面多個活動倒計時,並且倒計時結束改變按鈕內容不可點擊,如圖
JS定時器:
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>
D. JavaScript怎麼實現的商品搶購倒計時
<html>
<head>
<meta charset="utf-8">
<title>JS搶購倒計時</title>
</head>
<body>
<span id="times" >
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("2017/4/23,19:33:12");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%60);
__s=parseInt(leftsecond%60);
var c=new Date();
var q=((c.getMilliseconds())%10);
document.getElementById("times").innerHTML=__d+"天 "+__h+"小時"+__m+"分"+__s+"."+q+"秒";
if(leftsecond<=0){
document.getElementById("times").innerHTML="搶購已結束";
clearInterval(sh);
}
}
_fresh()
var sh;
sh=setInterval(_fresh,100);
</SCRIPT>
</span>
</body>
</html>
E. 求一段JS代碼 顯示5秒倒計時後再觸發按鈕事件,並讓按鈕發送相應的JS事件。
<script type="text/javascript">
var n = 0;
var intervalID;
function setEnable(){
n++;
if(n==5){
btn.disabled = false;
// 有時抄稍後
clearInterval(intervalID);
}else{
btn.value = "我同意("+(5-n)+ ")";
}
}
intervalID = window.setInterval("setEnable()",1000);
</script>
<input type="button" id="btn" name="btn"
value="Button" disabled="disabled" />
F. 如何用javascript實現一小時倒計時
js代碼:fun.js
var timmerID = null;
function time() {
var time = document.getElementById("now");
var left = document.getElementById("left");
var t = time.value.split(":");
var hour = parseInt(t[0]);
var min = parseInt(t[1]);
min=min+1;
if(min==60){
hour=hour+1;
min=0;
if(hour==24){
hour=0;
}
}
time.value=hour+":"+min;
left.value = left.value-1;
if(left.value==0){
mystop();
alert("時間已到!");
}
}
function mystart() {
var left = document.getElementById("left");
left.value="40";
timmerID = window.setInterval("time()", 1000*60);
}
function mystop() {
window.clearInterval(timmerID);
}
html頁面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>time.html</title>
<script type="text/javascript" src="fun.js"></script>
</head>
<body>
時間起點:<input type="text" name="now" id="now" value="0:0"/><input type="button" value="開始" onclick="mystart();"><br>
剩餘時間:<input type="text" name="left" id="left" value="40" disabled="disabled"/>分鍾<br>
</body>
</html>
補充:這個javascript放在一個文件叫fun.js,在html頁面中要引用此文件,如:<script type="text/javascript" src="fun.js"></script> ,注意不要把路徑弄錯了,src後面的路徑按照實際的來,如果兩個文件在一個目錄下,就是如上這樣引用,當然也可以直接把全部的js內容放在html文件的頭部,如:<script type="text/javascript">
<!--javascript代碼-->
</script>
G. js 把秒 換算成 分鍾+秒的形式 還在倒計時
<html>
<head>
<title> 網頁名稱 </title>
</head>
<body>
<script>
var a=65;
function showtime(){
a--;
document.getElementById('span_miao').innerHTML=Math.floor(a/60)+":"+a%60;
if(a<=0){
alert('時間已到');
this.location.href='index.asp';
}
setTimeout("showtime()",1000);
}
setTimeout("showtime()",1000);
</script>
這里是現實 :
你還有專<span id="span_miao" style="font-size:18px; color:#FF3300; font-weight:bold"></span>來回答問題屬
</body>
</html>
H. js 倒計時10秒代碼要顯示怎麼操作
<script type="text/javascript">
function shu(){
vardjs = document.getElementById("jishi")
if(djs.innerHTML == 0){
window.location.href='http://blog.163.com/qianw_ok/'
return false
djs.innerHTML = djs.innerHTML - 1
I. 如何讓JS倒計時自動逐秒跳,而不是隨著滑鼠的滾輪跳
<script>
function Redirect(){
window.location = "index.php";
}
var i =10; //定義成10秒倒計時跳轉
function dis(){
if(i == 0){
Redirect();
return;
}
//頁面顯示倒計時數字的元素內tb8
document.getElementById("tb8").innerHTML = i;
i--;
}
setInterval('dis()', 1000);//顯示時間容
setTimeout('Redirect()',(i+1) * 1000); //跳轉
</script>
J. javascript求一個90秒的倒計時!(倒計時不停重復)
<html>
<head>
<title></title>
<script>
vartotal=90;
functioncd(){
document.getElementById("time").innerHTML=total;
total=total-1;
if(total==0){
total=90;
}
setTimeout(cd,1000);
}
window.onload=cd;
</script>
</head>
<body>
<divid="time"></div>
</body>
</html>