Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/479.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/eclipse/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 想要创建一个程序,给出一个设定的时间(秒表),并在该时间内生成关键点,所有这些都使用相同的按钮_Javascript_Eclipse_Html - Fatal编程技术网

Javascript 想要创建一个程序,给出一个设定的时间(秒表),并在该时间内生成关键点,所有这些都使用相同的按钮

Javascript 想要创建一个程序,给出一个设定的时间(秒表),并在该时间内生成关键点,所有这些都使用相同的按钮,javascript,eclipse,html,Javascript,Eclipse,Html,我正在做一个项目,它会在计时的同时生成一个6位数的字符串键。所以我的秒表有三个按钮。启动、停止和重置。我想创建一个程序,当我点击开始时,它将生成一个键,秒表将运行。所以我想知道如何让按钮同时执行两个动作。与停止相同,重置将生成一个新密钥。还有,我怎样才能把这两个代码放在一起呢 密钥生成器的我的代码: 函数Keygenerate(){ var text=”“; 变量可能=“ABCDEFGHIJKLMNOPQRSTUVXYZABCDFGHIJKLMNOPQRSTUVXYZ0123456789” 对于

我正在做一个项目,它会在计时的同时生成一个6位数的字符串键。所以我的秒表有三个按钮。启动、停止和重置。我想创建一个程序,当我点击开始时,它将生成一个键,秒表将运行。所以我想知道如何让按钮同时执行两个动作。与停止相同,重置将生成一个新密钥。还有,我怎样才能把这两个代码放在一起呢

密钥生成器的我的代码: 函数Keygenerate(){

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(){ ... });