js 控制页面上一个数字
js控制页面上一个数字可以按照自己制定的规则如在9点~10点之间每1秒加1，如在10点~11点之间每1秒加2这个数字在不刷新页面的情况下自动递增。...
js 控制页面上一个数字
可以按照自己制定的规则
如在9点~10点之间 每1秒加1，
如在10点~11点之间 每1秒加2
这个数字在不刷新页面的情况下自动递增。 展开
可以按照自己制定的规则
如在9点~10点之间 每1秒加1，
如在10点~11点之间 每1秒加2
这个数字在不刷新页面的情况下自动递增。 展开
4个回答
展开全部
<script type="text/javascript">
var dt = new Date();
function start(){
flg =0;
delayTime();
}
function delayTime(){
if(flg == 1)return;
var h = dt.getHours();
if(aa < h && h < bb){
var xx = document.getElementById("autoshow");
xx.innerHTML = parseInt(xx.innerHTML) + auto;
st = setTimeout("delayTime()",1000);
}else{
var xx = document.getElementById("autoshow");
xx.innerHTML = parseInt(xx.innerHTML) + 1;
st = setTimeout("delayTime()",1000);
}
}
var flg = 0;
function stop(){
flg = 1;
}
function restart(){
var xx = document.getElementById("autoshow");
xx.innerHTML = "0";
}
var aa = 1,bb = 2,auto = 1;
function setSelect(obj,seq){
if(seq == 0){
aa = parseInt(obj.value);
}else if(seq == 1){
bb = parseInt(obj.value);
}else if(seq == 2){
auto = parseInt(obj.value);
}
}
</script>
<div id="box">
<div >显示增量：<span id="autoshow">0</span></div>
选择递增规则：<select onchange ="setSelect(this,0)">
<option value="1" > 1点</option>
<option value="2" > 2点</option>
<option value="3" > 3点</option>
<option value="4" > 4点</option>
<option value="5" > 5点</option>
<option value="6" > 6点</option>
<option value="7" > 7点</option>
<option value="8" > 8点</option>
<option value="9" > 9点</option>
<option value="10" > 10点</option>
<option value="11" > 11点</option>
<option value="12" > 12点</option>
</select>--<select onchange ="setSelect(this,1)">
<option value="1" > 1点</option>
<option value="2" > 2点</option>
<option value="3" > 3点</option>
<option value="4" > 4点</option>
<option value="5" > 5点</option>
<option value="6" > 6点</option>
<option value="7" > 7点</option>
<option value="8" > 8点</option>
<option value="9" > 9点</option>
<option value="10" > 10点</option>
<option value="11" > 11点</option>
<option value="12" > 12点</option>
</select><br>
选择自增量
<select onchange ="setSelect(this,2)">
<option value="1" > 自增1</option>
<option value="2" > 自增2</option>
<option value="3" > 自增3</option>
</select>
<br><br>
<input type="button" value="开始" onclick="start();"><input type="button" value="暂停" onclick="stop();"><input type="button" value="重新开始" onclick="restart();">
</div>
var dt = new Date();
function start(){
flg =0;
delayTime();
}
function delayTime(){
if(flg == 1)return;
var h = dt.getHours();
if(aa < h && h < bb){
var xx = document.getElementById("autoshow");
xx.innerHTML = parseInt(xx.innerHTML) + auto;
st = setTimeout("delayTime()",1000);
}else{
var xx = document.getElementById("autoshow");
xx.innerHTML = parseInt(xx.innerHTML) + 1;
st = setTimeout("delayTime()",1000);
}
}
var flg = 0;
function stop(){
flg = 1;
}
function restart(){
var xx = document.getElementById("autoshow");
xx.innerHTML = "0";
}
var aa = 1,bb = 2,auto = 1;
function setSelect(obj,seq){
if(seq == 0){
aa = parseInt(obj.value);
}else if(seq == 1){
bb = parseInt(obj.value);
}else if(seq == 2){
auto = parseInt(obj.value);
}
}
</script>
<div id="box">
<div >显示增量：<span id="autoshow">0</span></div>
选择递增规则：<select onchange ="setSelect(this,0)">
<option value="1" > 1点</option>
<option value="2" > 2点</option>
<option value="3" > 3点</option>
<option value="4" > 4点</option>
<option value="5" > 5点</option>
<option value="6" > 6点</option>
<option value="7" > 7点</option>
<option value="8" > 8点</option>
<option value="9" > 9点</option>
<option value="10" > 10点</option>
<option value="11" > 11点</option>
<option value="12" > 12点</option>
</select>--<select onchange ="setSelect(this,1)">
<option value="1" > 1点</option>
<option value="2" > 2点</option>
<option value="3" > 3点</option>
<option value="4" > 4点</option>
<option value="5" > 5点</option>
<option value="6" > 6点</option>
<option value="7" > 7点</option>
<option value="8" > 8点</option>
<option value="9" > 9点</option>
<option value="10" > 10点</option>
<option value="11" > 11点</option>
<option value="12" > 12点</option>
</select><br>
选择自增量
<select onchange ="setSelect(this,2)">
<option value="1" > 自增1</option>
<option value="2" > 自增2</option>
<option value="3" > 自增3</option>
</select>
<br><br>
<input type="button" value="开始" onclick="start();"><input type="button" value="暂停" onclick="stop();"><input type="button" value="重新开始" onclick="restart();">
</div>
更多追问追答
追问
有几个问题我还是解决不了。
1.初次打开页面 需要过1秒才能打开。如果 把 1000 设置成5000 就是5秒才能打开。
2. if(t>9&&t<10){count++;}
我需要 每1秒加1
10点~11点之间 每5秒加1 或 每10秒加1
3.我想把这个搞成AJAX的形式。目的是为了让用户看不出来 是一个JS在跳动。我想把有些比如时间用程序来判断。语言是ASP。
追答
js 控制页面上一个数字
可以按照自己制定的规则
如在9点~10点之间 每1秒加1，
如在10点~11点之间 每1秒加2
这个数字在不刷新页面的情况下自动递增。
开始又不知道你想要的效果，你想“按照自己制定的规则 ”，所以我就给你写个通过下拉列表可更改的方式。
1.初次打开页面 需要过1秒才能打开。如果 把 1000 设置成5000 就是5秒才能打开。
这个也好实现，你在计时器里设个变量，装载页面时，设定这个变量，并执行计时器。
上面我写的，参考一下这个
function start(){
flg =0;
delayTime();
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
网易云信
2023-12-06 广告
很高兴能回答您的问题。以下是一段针对“一对一消息组件”的描述，字数在200字左右：该组件支持用户之间的私密交流，让沟通更加直接和高效。通过它，您可以向特定对象发送消息，并实时查看消息状态，包括对方是否已读或未读。同时，该组件还支持富文本消息...
点击进入详情页
本回答由网易云信提供
展开全部
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<span id="time_show"></span>
<script type="text/javascript">
var count=0;
setInterval(
function(){
var t=new Date().getHours();
if(t>9&&t<10){count++;}
else{count+=2;}
document.getElementById("time_show").innerHTML=count;
},
1000);
</script>
</body>
</html>
<head>
<title>无标题文档</title>
</head>
<body>
<span id="time_show"></span>
<script type="text/javascript">
var count=0;
setInterval(
function(){
var t=new Date().getHours();
if(t>9&&t<10){count++;}
else{count+=2;}
document.getElementById("time_show").innerHTML=count;
},
1000);
</script>
</body>
</html>
追问
有几个问题我还是解决不了。
1.初次打开页面 需要过1秒才能打开。如果 把 1000 设置成5000 就是5秒才能打开。
2. if(t>9&&t<10){count++;}
我需要 每1秒加1
10点~11点之间 每5秒加1 或 每10秒加1
3.我想把这个搞成AJAX的形式。目的是为了让用户看不出来 是一个JS在跳动。我想把有些比如时间用程序来判断。语言是ASP。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<INPUT type="button" value="" onclick="" id="sys"><br>
设置时间:<INPUT type="button" value="9点" onclick="clock(9)">
<INPUT type="button" value="10点" onclick="clock(10)"><br>
<span id="time_show"></span>
<script type="text/javascript">
var count=0;
setInterval(
function clock(time){
var today=new Date();
if (time){this.time = time;}
if (!this.time){var t=today.getHours();}
else if(this.time){t=this.time}
if(t==9){count++;}
else if(t==10){count+=2;}
document.getElementById("sys").value="系统时间："+today;
document.getElementById("time_show").innerHTML="运行时间设置为:"+t+"点 "+"计数:"+count;
},
1000);
</script>
设置时间:<INPUT type="button" value="9点" onclick="clock(9)">
<INPUT type="button" value="10点" onclick="clock(10)"><br>
<span id="time_show"></span>
<script type="text/javascript">
var count=0;
setInterval(
function clock(time){
var today=new Date();
if (time){this.time = time;}
if (!this.time){var t=today.getHours();}
else if(this.time){t=this.time}
if(t==9){count++;}
else if(t==10){count+=2;}
document.getElementById("sys").value="系统时间："+today;
document.getElementById("time_show").innerHTML="运行时间设置为:"+t+"点 "+"计数:"+count;
},
1000);
</script>
追问
有几个问题我还是解决不了。
1.初次打开页面 需要过1秒才能打开。如果 把 1000 设置成5000 就是5秒才能打开。
2. if(t>9&&t<10){count++;}
我需要 每1秒加1
10点~11点之间 每5秒加1 或 每10秒加1
3.我想把这个搞成AJAX的形式。目的是为了让用户看不出来 是一个JS在跳动。我想把有些比如时间用程序来判断。语言是ASP。
追答
设置时间:
var count=0;
setInterval(
function clock(time){
var today=new Date();
var s = today.getSeconds();
if (time){this.time = time;}
else{
if (!this.time){this.time=today.getHours();}
if(this.time==9){count++;}
else if(this.time==10&&(s%5==0)){count++;}
//你要隔多少秒就对多少求余
}
document.getElementById("sys").value="系统时间："+today;
document.getElementById("time_show").innerHTML="运行时间设置为:"+this.time+"点 "+"计数:"+count;
},
1000);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var num=0; //页面上的数字
var hours = {'9':1,'10':2}; //每个时段对应的增加数字
setInterval(function(){
var hour = (new Date()).getHours();
if(hours[hour]) num += hours[hour]; //没有设置对应数字就不加了
console.log(num);
},1000);
嘿嘿,是不是很简洁的样子
var hours = {'9':1,'10':2}; //每个时段对应的增加数字
setInterval(function(){
var hour = (new Date()).getHours();
if(hours[hour]) num += hours[hour]; //没有设置对应数字就不加了
console.log(num);
},1000);
嘿嘿,是不是很简洁的样子
追问
有几个问题我还是解决不了。
1.初次打开页面 需要过1秒才能打开。如果 把 1000 设置成5000 就是5秒才能打开。
2. if(t>9&&t<10){count++;}
我需要 每1秒加1
10点~11点之间 每5秒加1 或 每10秒加1
3.我想把这个搞成AJAX的形式。目的是为了让用户看不出来 是一个JS在跳动。我想把有些比如时间用程序来判断。语言是ASP。
追答
var num=0; //页面上的数字
var hours = {'9':1,'10':5}; //每个时段对应的每隔几秒加1,这里是9点到10点每隔1秒加下,10点到11点每隔5秒加1
function setNum()
{
num++;
var hour = (new Date()).getHours();
console.log(num);
setTimeout(setNum,hours[hour]*1000)
}
setNum();
//异步的东西纯JS要写挺多(也不知道你的目的),你要控制时间,只要控制hours里的输出就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
