小编aft*_*tab的帖子

如何在javascript中创建计时器并计算指定时间内的点击次数?

我想在JavaScript中创建计时器,我将设置10秒并让用户点击图像并在时间停止时显示计数.

我怎样才能完成这项任务?

的index.html

<div class="container">
    <div class="row">
        <div class="col-md-2">
            <img src="https://images.omkt.co/Files/402/15EAC0/19F78/8c2112737cfe4cd88779712a4906ef6d/0/hero_forte_2014--kia-1920x.png" height="150px" width="150px" id="clicks" onClick="clickMe()">
        </div>
        <div class="col-md-2">
            <img src="https://images.omkt.co/Files/402/15EAC0/19F78/8c2112737cfe4cd88779712a4906ef6d/0/hero_forte_2014--kia-1920x.png" height="150px" width="150px" id="clicks" onClick="clickMe()">
        </div>
        <div class="col-md-2">
            <img src="https://images.omkt.co/Files/402/15EAC0/19F78/8c2112737cfe4cd88779712a4906ef6d/0/hero_forte_2014--kia-1920x.png" height="150px" width="150px" id="clicks" onClick="clickMe()">
        </div>
    </div>

<div>
    <p id="clicks">0</p>
</div>
Run Code Online (Sandbox Code Playgroud)

index.js

var clicks = 0;
function clickMe() {
    clicks += 1;
    document.getElementById("clicks").innerHTML = clicks;
};

var digit=-1;
    var min=0;
    var time;
    var timer_is_on=0;

    function timer(){
            digit++;

            if(digit>59){
                min++;
                document.getElementById("mins").innerHTML=min;
                digit=0;
            }
            // Put a "0" at the start of seconds
            if …
Run Code Online (Sandbox Code Playgroud)

html javascript

5
推荐指数
1
解决办法
151
查看次数

如何使用ng-model发布复选框的值?

我现在有两个复选框,用户可以选择其中一个或两个并将数据发布到服务器,但我不确定,$scope.ng-model当用户发布数据时,我将如何绑定这两个值?

main.html中

<div class="col-md-8 col-md-offset-2">
    <label class="checkbox">
        <input type="checkbox" ng-value="'uploadPrc'" ng-model="prcModel">Upload PRC
    </label>
    <label class="checkbox">
        <input type="checkbox" ng-value="'uploadPrt'" ng-model="prtModel">Upload PRT
    </label>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript checkbox angularjs

5
推荐指数
1
解决办法
1144
查看次数

我们应该使用ng-blur和ng-changes吗?

我有一个AngularJS的关注ng-change和ng-blur,所以我想与专家什么是使用他们,当我们更新表单值以正确的方式进行确认.

  1. 我在下面的代码中有一个下拉列表,我想overrideBusinessDec()在用户更改下拉列表值时执行.有了当前的实现,因为ng-blur当我们点击表单时就会发生这种情况.我可以通过ng-blur从字段中删除来快速修复,它将按预期工作.
  2. 另一种情况:当您处于编辑状态时,它会填充值,但如果我不在ng-blur该字段上添加,则不会启用该表单.我不知道如何解决这个问题.

有解决方案可以解决这两个问题吗?

<!-- main.html -->
<div>
    <select kendo-drop-down-list k-data-value-field="'id'"
        k-data-text-field="'text'" k-option-label="'Select'"
        k-data-source="ctrlEffOptions"
        ng-disabled="!processRating.controlEffectivenessRatingComputeKey"
        ng-model="processRating.controlEffectivenessRatingOverrideKey"
        ng-change="overrideBusinessDec()" id="controlEffBusiness" required ng-model-options="{updateOn: 'blur'}">
    </select>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

4
推荐指数
1
解决办法
5438
查看次数

如何从当前日期值减去 24 个月并将其分配给另一个变量?

我有两个显示起始日期和截止日期的字段,我有一个场景,我将oplossDaterangeto动态填充“至”字段,并将“起始”字段oplossDaterangefrom设置为“至”字段之前的 24 个月。

我如何根据“至今”设置 24 个月前的日期?

主要.html

<div class="row form-horizontal">
    <div class="col-md-6">
        <div class="form-group">
            <label for="Daterangefrom" class="col-md-4 control-label">From:</label>
            <div class="col-md-7" ng-if="rcsaCycleDTO.oplossValDate">
                <div class="row">
                    <div class="col-md-5 changeWdh">
                        <input type="text" class="form-control" name="oplossDaterangefrom" id="oplossDaterangefrom" kendo-date-picker ng-model="rcsaCycleDTO.oplossDaterangefrom" onkeydown="return false;" k-format="'MM/dd/yyyy'" k-min="'{{today}}'" ng-change="validateDate('oplossDaterangeto','oplossDaterangefrom')" />
                    </div>
                    <div class="col-md-1">
                        <label class="control-label padd15"> To:</label>
                    </div>
                    <div class="col-md-5 pull-right changeWdh">
                        <input type="text" class="form-control" name="oplossDaterangeto" id="oplossDaterangeto" kendo-date-picker ng-model="rcsaCycleDTO.oplossDaterangeto" disabled/>
                    </div>
                </div>
            </div>
Run Code Online (Sandbox Code Playgroud)

Ctrl.js

$scope.oplossmaxdate = new Date('2015-01-15');
$scope.oplossmaxdate = $scope.oplossmaxdate.setMonth($scope.oplossmaxdate.getMonth() - 24);
$scope.oplossmaxdate = $filter('date')($scope.oplossmaxdate, 'MM/dd/yyyy'); …
Run Code Online (Sandbox Code Playgroud)

html javascript angularjs

0
推荐指数
1
解决办法
643
查看次数

如何从字符串中获取子字符串?

我正在尝试从字符串中获取最后一个字:

var str =  "Member/GetRefills";
var param = str.split(" ").pop();
console.log(param);
Run Code Online (Sandbox Code Playgroud)

预期结果:

GetRefills
Run Code Online (Sandbox Code Playgroud)

javascript

0
推荐指数
1
解决办法
68
查看次数

如何检查剑道上传中是否存在所选文件?

我想理解为什么我们检查索引数组值为-1,onSelect如果已经存在fileName ,我有一个kendo上传问题阻止用户加载文件和显示showErr.它适用于我们使用一个文件但是当我们选择多个文件并且如果一个文件已经加载时,它应该显示为err但它没有发生.

main.html中

 <div class="row" >
                <div class="form-group col-md-12 fieldHeight" ng-hide="errorUpDoc" >
                    <label for="attachment" class="col-md-4" ng-show="!editDocMode">File name:</label>
                    <div class="col-md-6" ng-show="!editDocMode">
                         <input name="file"
                   type="file"
                   kendo-upload="fileAttachment"
                   k-upload="addMorePostParameters"
                   k-success="onSuccess"
                   k-error = "onError"
                   k-multiple="true"
                   ng-disabled="disableDocFields"
                   k-options="fileAttachmentOptions"
                   k-select="onSelect"
                   k-remove="onUploadRemove"
                   />
                   <p ng-show="showErr" class="text-danger">File name already exists</p>
                    </div>
                </div>
        </div>
Run Code Online (Sandbox Code Playgroud)

main.js

 $scope.onSelect = function (e) {
       // var fileNames = $.map(e.files, function(file) { return file.name; }).join(', ');
        var fileNames = assessmentData.map(function(assessment)
            { return assessment.fileName; });
           e.files.forEach(function (file) {
          if (fileNames.indexOf(file.name) !== -1 …
Run Code Online (Sandbox Code Playgroud)

javascript kendo-ui angularjs

-3
推荐指数
1
解决办法
706
查看次数

标签 统计

javascript ×6

angularjs ×4

html ×3

checkbox ×1

kendo-ui ×1