Question

您好我想使用从js文件获取值的计数器，但我想更改它。

这是js代码;

function countUp(count)
 {
var div_by = 100,
    speed = Math.round(count / div_by),
    $display = $('.count'),
    run_count = 1,
    int_speed = 24;

var int = setInterval(function() {
    if(run_count < div_by){
        $display.text(speed * run_count);
        run_count++;
    } else if(parseInt($display.text()) < count) {
        var curr_count = parseInt($display.text()) + 1;
        $display.text(curr_count);
    } else {
        clearInterval(int);
    }
}, int_speed);
 }

  countUp(600);

计数为600，但我希望通过代码隐藏从数据库中为此分配变量。

这是html代码;

        <div class="col-lg-3 col-sm-6">
                  <section class="panel">
                      <div class="symbol red">
                        <i class=" fa fa-times text-muted"></i>
                      </div>
                      <div class="value">
                          <h1 class="count">123123123</h1>
                          <p>Position Canceled</p>
                      </div>
                  </section>
              </div>

如何更改js中的countUp值。请帮我。谢谢

Answer 1

function countUp(count)
 {
var div_by = 100,
    speed = Math.round(count / div_by),
    $display = $('.count'),
    run_count = 1,
    int_speed = 24;

var int = setInterval(function() {
    if(run_count < div_by){
        $display.text(speed * run_count);
        run_count++;
    } else if(parseInt($display.text()) < count) {
        var curr_count = parseInt($display.text()) + 1;
        $display.text(curr_count);
    } else {
        clearInterval(int);
    }
}, int_speed);
 }



var _count=0;

//如果要从数据库中检索计数，则可以执行ajax调用

var request = $.ajax({
            url: url,
            type: "GET",            
            dataType: json
        });

        request.done(function(msg) {
            _count=msg.data;            
        });

        request.fail(function(jqXHR, textStatus) {
            alert( "Request failed: " + textStatus );
        });

//如果要从html标签中分配计数值例如：将值分配到隐藏字段，然后

<input type="hidden" id="count" value="600"/>
_count=$('#count).val();
  countUp(600);

Answer 2

您可以使用以下语法：

countUp('<%= CountValueFromDB %>');

在CountValueFromDB是变量的情况下，您可以在特定页面的代码隐藏中声明，并在数据库或Page_Load方法中的任何其他源或页面生命周期中调用的其他方法中填充它。

或者你可以在你的代码中调用RegisterStartupScript传递＆＃34; countUp（＆＃34; + CountValueFromDB +＆＃34;）;＆＃34;对于剧本＆＃39;参数。

从html或数据库为javascript分配变量

2 个答案: