Javascript 想要创建一个程序,给出一个设定的时间(秒表),并在该时间内生成关键点,所有这些都使用相同的按钮
我正在做一个项目,它会在计时的同时生成一个6位数的字符串键。所以我的秒表有三个按钮。启动、停止和重置。我想创建一个程序,当我点击开始时,它将生成一个键,秒表将运行。所以我想知道如何让按钮同时执行两个动作。与停止相同,重置将生成一个新密钥。还有,我怎样才能把这两个代码放在一起呢 密钥生成器的我的代码: 函数Keygenerate(){Javascript 想要创建一个程序,给出一个设定的时间(秒表),并在该时间内生成关键点,所有这些都使用相同的按钮,javascript,eclipse,html,Javascript,Eclipse,Html,我正在做一个项目,它会在计时的同时生成一个6位数的字符串键。所以我的秒表有三个按钮。启动、停止和重置。我想创建一个程序,当我点击开始时,它将生成一个键,秒表将运行。所以我想知道如何让按钮同时执行两个动作。与停止相同,重置将生成一个新密钥。还有,我怎样才能把这两个代码放在一起呢 密钥生成器的我的代码: 函数Keygenerate(){ var text=”“; 变量可能=“ABCDEFGHIJKLMNOPQRSTUVXYZABCDFGHIJKLMNOPQRSTUVXYZ0123456789” 对于
var text=”“;
变量可能=“ABCDEFGHIJKLMNOPQRSTUVXYZABCDFGHIJKLMNOPQRSTUVXYZ0123456789”
对于(变量i=0;i<5;i++){
text+=可能的.charAt(Math.floor(Math.random()*可能的.length());
}
返回文本;
}
我的秒表代码:
CSC 131考勤跟踪器
关键:
时间:
00:00:00
开始
停止
重置
var ss=document.getElementsByClassName('stopwatch');
[]forEach.call(ss,函数){
var currentTimer=0,
间隔=0,
lastUpdateTime=新日期().getTime(),
start=s.querySelector('button.start'),
stop=s.querySelector('button.stop'),
reset=s.querySelector('button.reset'),
分钟=s.querySelector('span.minutes'),
secs=s.querySelector('span.seconds'),
美分=s.querySelector('span.centisons');
start.addEventListener('click',startTimer);
stop.addEventListener('click',stopTimer);
reset.addEventListener(“单击”,重置计时器);
功能板(n){
返回('00'+n)。子字符串(-2);
}
函数更新(){
var now=new Date().getTime(),
dt=现在-最新更新时间;
电流定时器+=dt;
var时间=新日期(currentTimer);
mins.innerHTML=pad(time.getMinutes())+“:”;
secs.innerHTML=pad(time.getSeconds())+“:”;
cents.innerHTML=pad(Math.floor(time.getmillizes()/10));
lastUpdateTime=now;
if(now==time.getMinutes()){
间隔时间;
}
}
函数startTimer(){
如果(!间隔){
lastUpdateTime=新日期().getTime();
间隔=设置间隔(更新,1);
}
}
函数stopTimer(){
间隔时间;
间隔=0;
}
函数重置计时器(){
停止计时器();
currentTimer=0;
mins.innerHTML=secs.innerHTML=cents.innerHTML=pad(0);
}
});
基本上,您可以通过在事件中附加两个函数来实现:
<button onclick = "generate_key(); stopwatch_run();">
你问的似乎很基本,所以我不确定我是否有帮助
<div class="class">
<p>CSC 131 Attendance Tracker</p>
</div>
<div class="stopwatch">
<div class="title">
<h2>KEY:</h2>
</div>
<div class="key">
<input type="text" name="output">
</div>
<div class="time">
<h2>TIME:</h2>
</div>
<div class="display">
<span class="minutes">00:</span><span class="seconds">00:</span><span class="centiseconds">00</span>
</div>
<div class="controls">
<button class="start">Start</button>
<button class="stop">Stop</button>
<button class="reset">Reset</button>
</div>
</div>
<script>
var ss = document.getElementsByClassName('stopwatch');
[].forEach.call(ss, function (s) {
var currentTimer = 0,
interval = 0,
lastUpdateTime = new Date().getTime(),
start = s.querySelector('button.start'),
stop = s.querySelector('button.stop'),
reset = s.querySelector('button.reset'),
mins = s.querySelector('span.minutes'),
secs = s.querySelector('span.seconds'),
cents = s.querySelector('span.centiseconds');
start.addEventListener('click', startTimer);
stop.addEventListener('click', stopTimer);
reset.addEventListener('click', resetTimer);
function pad (n) {
return ('00' + n).substr(-2);
}
function update () {
var now = new Date().getTime(),
dt = now - lastUpdateTime;
currentTimer += dt;
var time = new Date(currentTimer);
mins.innerHTML = pad(time.getMinutes()) + ":";
secs.innerHTML = pad(time.getSeconds()) + ":";
cents.innerHTML = pad(Math.floor(time.getMilliseconds() / 10));
lastUpdateTime = now;
if(now == time.getMinutes()){
clearInterval(interval);
}
}
function startTimer () {
if (!interval) {
lastUpdateTime = new Date().getTime();
interval = setInterval(update, 1);
}
}
function stopTimer () {
clearInterval(interval);
interval = 0;
}
function resetTimer () {
stopTimer();
currentTimer = 0;
mins.innerHTML = secs.innerHTML = cents.innerHTML = pad(0);
}
});
</script>
</body>
<button onclick = "generate_key(); stopwatch_run();">
object.addEventListener("click", function(){ ... });