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

本文关键字：变量 javascript 分配 数据库 html | 更新日期: 2023-09-27 18:04:57

你好，我想使用计数器从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值?请帮帮我。谢谢你

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

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);

可以使用以下语法:

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

CountValueFromDB是一个变量，你可以在你的代码后面为特定的页面声明，并填充它从数据库或任何其他来源在你的Page_Load方法或其他方法在页面生命周期中调用。

或者你可以调用RegisterStartupScript在你的代码后面传递"countUp(" + CountValueFromDB + ");"为'script'参数

相关文章：