<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页计时器</title>
</head>

<body>
<input type="button" id="b1" value="阅览时间">

<script>
//判断是否小于0，如果小于，加60//
     function f(t) {
        if (t<0){
            a=t+60;
            return a
        }
        else {
            return t
        }
    }
//获取起始时间//
    var n_time_H=new  Date().getHours();
    var n_time_m=new  Date().getMinutes();
    var n_time_s=new  Date().getSeconds();
//获取变量//
    b1Elm=document.getElementById(\'b1\');
    b1Elm.onclick=function () {
//获取当前时间//
     var c_time_H=new  Date().getHours();
    var c_time_m=new  Date().getMinutes();
    var c_time_s=new  Date().getSeconds();
//进行时间的计算//
    var temp_h=f(c_time_H-n_time_H);
    var temp_m=f(c_time_m-n_time_m);
    var temp_s=f(c_time_s-n_time_s);

//进行判断与输出//
    if (!temp_h)
        {
            if(!temp_m){
                alert(\'阅览时间:\'+temp_s+\'秒\')
            }
            else{
                alert(\'阅览时间:\'+temp_m+\'分\'+temp_s+\'秒\')
        }
        }
    else {
        alert(\'阅览时间:\'+temp_h+\'小时\'+temp_m+\'分\'+temp_s+\'秒\')
    }
    }
</script>
</body>
</html>
运行截图：

 

 

版权声明：本文为98WDJ原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/98WDJ/p/10673537.html