Как использовать код, который читает текстовый файл, который работал с кодом, который прокручивает текст в красном поле?

0

Я хочу, чтобы в конце он будет читать из текстового файла каждый раз, когда две строки отображают их и прокручивают их в красном поле Последние новости. Это то, что я пытался сделать:

<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type='text/javascript' src="http://vaakash.github.io/jquery/easy-ticker.js"></script>
<style>
.demof{
    border: 1px solid #ccc;
    margin: 25px 0;
}
.demof ul{
    padding: 0;
    list-style: none;
}
.demof li{
    padding: 20px;
    border-bottom: 1px dashed #ccc;
}
.demof li.odd{
    background: #fafafa;
}
.demof li:after {
    content: '';
    display: block;
    clear: both;
}
.demof img{
    float: left;
    width: 100px;
    margin: 5px 15px 0 0;
}
.demof a{
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #06f;
}
.demof p {
    margin: 15px 0 0;
    font-size: 14px;
}

.demo3 {
    font-family: Arial, sans-serif;
    border: 1px solid #C20;
    margin: 50px 0;
    font-style: italic;
    position: relative;
    padding: 0 0 0 110px;
    box-shadow: 0 2px 5px -3px #000;
    border-radius: 3px;
}
.demo3:before {
    content: "Latest News";
    display: inline-block;
    font-style: normal;
    background: #C20;
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}
.demo3:after {
    content: '';
    display: block;
    top: 0;
    left: 80px;
    background: linear-gradient(#FFF, rgba(255, 255, 255, 0));
    height: 20px;
}
.demo3 ul li {
    list-style: none;
    padding: 10px 0;
}
</style>

<script>
    var count = 300;
    var counter = setInterval(timer, 1000); //1000 will  run it every 1 second

    function timer() {
    count = count - 1;
    if (count == -1) {
            clearInterval(counter);
            return;
    }

    var seconds = count % 60;
    var minutes = Math.floor(count / 60);
    var hours = Math.floor(minutes / 60);
    minutes %= 60;
    hours %= 60;
    document.getElementById("timer").innerHTML = hours + " Hours " + minutes + " Minutes and " + seconds + " Seconds left untill the next news update."; // watch for spelling
    }
    function news(){
   $('body').find('.newsticker').remove();//It will clear old data if its present 
   var file = "http://newsxpressmedia.com/files/theme/test.txt";
    $.get(file, function (txt) {
            //var lines = txt.responseText.split("\n");
            var lines = txt.split("\n");
            $ul = $('<ul class="demo3" />');
            for (var i = 0, len = lines.length; i < len; i++) {
                //save(lines[i]); // not sure what this does
                $ul.append('<li>' + lines[i] + '</li>'); //here 
            }
            //$ul.appendTo('body').newsTicker({
            $ul.appendTo('div.wcustomhtml').newsTicker({
                row_height: 48,
                max_rows: 2,
                speed: 6000,
                direction: 'up',
                duration: 1000,
                autostart: 1,
                pauseOnHover: 1
            });
    });
    }
    $(function() {
    news();
    setInterval(function(){
      news();
    },30000)  // it will call every 1 min you can change it
    });
</script>
<br><br><span id="timer"></span><br><br>

В результате я вижу весь текст из текстового файла в красном поле Последние новости, и он доцент прокручивается вверх. Не то, что я хотел.

Вы можете увидеть результат здесь, на моем сайте:

Мой сайт

То, что я изменил, было только в одной строке:

$ul = $('<ul class="demo3" />');

Вместо демо 3 был новый

  • 1
    Ваш заголовок грубый ... Возможно, вы захотите немного упростить его.
  • 0
    Я пытался отобразить последний код в JSFiddle, но он не работает, может быть, я не знаю, как использовать ksfiddle: jsfiddle.net/chocolade/w2kx8
Показать ещё 4 комментария
Теги:

1 ответ

0

У вас неправильное имя плагина - это easyTicker, а не newsTicker изменить $ul.appendTo('div.wcustomhtml').newsTicker({ to $ul.appendTo('div.wcustomhtml').easyTicker({ и посмотреть, если это работает

  • 0
    Не работает сейчас я вижу только таймер обратного отсчета. Может быть, мне следует заменить в любом месте внутри скрипта теги от newsTicker и newsticker до easyTicker?
  • 0
    Пока не работал, нигде не пытался заменить newsticker и newsTicker на easyTicker, это не помогло даже с demo3 в области тегов скрипта. Ничего. Так что я изменил его обратно на то, что было до сих пор.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню